diff --git a/html/css/main.css b/html/css/main.css
index 02331ea39..0dffa65ab 100644
--- a/html/css/main.css
+++ b/html/css/main.css
@@ -10,6 +10,9 @@ h1 img { height: 64px; width: 64px; vertical-align: bottom; }
 p { margin-left: 10px; margin-right: 10px; }
 
 #body { background: rgba(230, 230, 230, 0.90); box-shadow: 10px 10px 20px #666; margin-top: 50px; }
+#crafting_output { margin-left: 10px; width: 920px; }
+#crafting_output th { background: #f8f8f8; border-left: 1px solid #bbb; font-weight: bold; padding: 10px; }
+#crafting_output td { background: #f8f8f8; border-left: 1px solid #bbb; padding: 10px; }
 #header { background: url("../images/stone_brick_light.png"); height: 64px; }
 #header img { height: 96px; width: 96px; margin-left: -32px; margin-top: -32px; }
 #header_border { background: url("../images/stone_brick.png"); height: 32px; margin-bottom: 32px; }
diff --git a/html/images/workbench_top.png b/html/images/workbench_top.png
new file mode 100755
index 000000000..60d8026c3
Binary files /dev/null and b/html/images/workbench_top.png differ
diff --git a/html/index.html b/html/index.html
index b5cb0fd57..3867a8ecb 100644
--- a/html/index.html
+++ b/html/index.html
@@ -22,7 +22,7 @@
           <tr>
             <td>&nbsp;</td>
             <td>
-              <input id="recipebook_url" placeholder="load another recipebook..."></input>
+              <input id="recipebook_url" placeholder="enter a URL to load another recipe book..."></input>
               <button id="recipebook_load_button">Load</button>
             </td>
           </tr>
@@ -31,14 +31,12 @@
       </div> <!-- #recipe_books -->
 
       <div id="crafting" class="hidden">
-        <h1>Crafting</h1>
-        <select id="crafting_selector" disabled></select>
-        <div id="crafting_output" class="hidden">
-          <p>You'll need:</p>
-          <ul id="missing_materials"></ul>
-          <p>You'll get:</p>
-          <ul id="leftover_materials"></ul>
-        </div>
+        <h1><img src="images/workbench_top.png"> Crafting</h1>
+        <p>Choose a recipe: <select id="crafting_selector" disabled></select></p>
+        <table id="crafting_output" class="hidden" cellpadding="0" cellspacing="0">
+          <tr><th width="50%">You'll need:</th><th>You'll get:</th></tr>
+          <tr><td id="missing_materials">&nbsp;</td><td id="leftover_materials"></td></tr>
+        </table>
         <div id="crafting_error" class="error"></div>
       </div> <!-- #crafting -->
     </div> <!-- .container_12 -->