Complete basic crafting functionality

src/css/main.scss

@@ -25,6 +25,7 @@ $color-brick-dark:       #7A7A7A;
 $color-brick-light:      #D9D9D9;
 $color-content:          rgba(230, 230, 230, 0.90);
 $color-dirt:             #906647;
+$color-ice:              #8AA7E6;
 $color-footer:           #3D1D09;
 $color-footer-text:      white;
 $color-gray-faint:       #F2F2F2;

src/css/templates/crafting_table.scss

@@ -7,6 +7,17 @@ All rights reserved.
 
 .view__crafting_table {
 
+    .quantity {
+        border-radius: 0.75em;
+        background: $color-ice;
+        color: $color-table-background;
+        display: inline-block;
+        text-align: center;
+        min-width: 3em;
+        margin-right: 0.5em;
+        padding: 0 0.5em;
+    }
+
     .recipe_selector {
         background: $color-table-background;
         padding: 1em;
@@ -28,18 +39,30 @@ All rights reserved.
         margin-bottom: 0.5em;
     }
 
-    table {
-        background: white;
-        width: 100%;
+    li {
+        margin: 0.25em 0;
+    }
 
-        td { padding: 0 1em 1em 1em; width: 33%; }
+    table { background: $color-table-background; width: 100%; }
+
+    td {
+        border-left: 0.1em solid $color-gray-light;
+        padding: 0 1em 1em 1em;
+        width: 25%;
+
+        &:first-child { border-left: 0; }
     }
 
     textarea, ul {
-        border: 0.1em solid $color-gray-light;
+        position: relative;
+        font-size: $font-size-normal;
         width: 100%;
         height: 100%;
-        min-height: 6em;
+        min-height: 12em;
         padding: 0.2em;
     }
+
+    textarea { font-family: $font-family-input; resize: vertical; }
+
+    ul { font-family: $font-family-normal; }
 }