Added CraftingTable* components and UI

src/css/templates/crafting_table.scss

@@ -0,0 +1,45 @@
+/*
+Crafting Table - crafting_table.scss
+
+Copyright (c) 2014 by Redwood Labs
+All rights reserved.
+*/
+
+.view__crafting_table {
+
+    .recipe_selector {
+        background: $color-table-background;
+        padding: 1em;
+        position: relative; width: 100%;
+
+        & > * {
+            display: inline;
+            margin-left: 0.5em;
+
+            &:first-child { margin-left: 0; }
+        }
+
+        input[type="checkbox"] + label { margin-left: 0; }
+
+        input[name="name"] { width: 60%; }
+    }
+
+    h3 {
+        margin-bottom: 0.5em;
+    }
+
+    table {
+        background: white;
+        width: 100%;
+
+        td { padding: 0 1em 1em 1em; width: 33%; }
+    }
+
+    textarea, ul {
+        border: 0.1em solid $color-gray-light;
+        width: 100%;
+        height: 100%;
+        min-height: 6em;
+        padding: 0.2em;
+    }
+}

src/css/templates/index.scss

@@ -5,4 +5,5 @@ Copyright (c) 2014 by Redwood Labs
 All rights reserved.
 */
 
+@import 'crafting_table';
 @import 'recipe_catalog';

src/css/templates/recipe_catalog.scss

@@ -6,9 +6,6 @@ All rights reserved.
 */
 
 .view__recipe_catalog {
-    position: relative; width: 100%;
-    padding: 0 2em;
-
     button {
         @include center-vertical;
         position: absolute; right: 1em;
@@ -19,12 +16,12 @@ All rights reserved.
     table {
         background: white;
         margin: 0 auto;
-        width: 98%;
+        width: 100%;
 
         td {
-            height: 3em; padding: 0 1em; position: relative; vertical-align: middle;
-
-            p { font-size: 1.5em; }
+            position: relative; height: 2 * $font-size-normal;
+            padding: 0 1em;
+            vertical-align: middle;
         }
 
         td:nth-child(1) { width: 30%; }