Adjust the appearance of the crafting table

src/css/templates/crafting_grid.scss

@@ -6,14 +6,14 @@ All rights reserved.
 */
 
 .view__crafting_grid {
-    border: 0.4em solid $color-gray-medium;
+    border: 0.2em solid $color-gray-medium;
 
     img {
         position: relative; height:4.8em; width: 4.8em;
     }
 
     td {
-        background: $color-gray-dark;
+        background: $color-gray-faint;
         border: 0.1em solid $color-gray-light;
         padding: 0.1em;
     }

src/css/templates/crafting_table.scss

@@ -43,8 +43,8 @@ All rights reserved.
             position: absolute; top: 50%; right: 16.5%; height: 5.3em; width: 5.3em;
             @include transform(translate(-50%, -50%));
 
-            background: $color-gray-medium;
-            border: 0.4em solid $color-gray-medium;
+            background: $color-gray-faint;
+            border: 0.2em solid $color-gray-medium;
             padding: 0.1em;
 
             a {
@@ -61,10 +61,16 @@ All rights reserved.
 
             .quantity {
                 position: absolute; right: 0; bottom: 0;
-                color: white;
+                color: black;
                 font-family: PressStart;
                 font-size: $font-size-large;
             }
+
+            .quantity + .quantity {
+                color: white;
+                right: 0.2em; bottom: 0.2em;
+                z-index: 1
+            }
         }
 
         .next {

src/templates/crafting_table.jade

@@ -8,7 +8,7 @@
 .view__crafting_table
     h2
         img(src="/images/workbench_top.png")
-        p Crafting Table
+        p Crafting Plan
 
     .panel
         .prev
@@ -18,5 +18,6 @@
         .output
             a: img
             p.quantity
+            p.quantity
             p.multiplier
         .next