Improve layout of stacks in crafting table

src/css/templates/crafting_table.scss

@@ -28,22 +28,23 @@ All rights reserved.
         margin-bottom: 0.5em;
     }
 
-    table { background: $color-table-background; width: 100%; }
+    table.main {
+        background: $color-table-background; width: 100%;
 
-    td {
-        border-left: 0.1em solid $color-gray-light;
-        padding: 0 1em 1em 1em;
-        width: 25%;
+        td.list {
+            position: relative;
+            border-left: 0.1em solid $color-gray-light;
+            min-height: 12em;
+            padding: 0 1em 1em 1em;
+            width: 25%;
 
-        &:first-child { border-left: 0; }
+            &:first-child { border-left: 0; }
+        }
     }
 
-    textarea, ul {
-        position: relative;
+    textarea, table.list {
+        position: relative; height: 100%; width: 100%;
         font-size: $font-size-normal;
-        width: 100%;
-        height: 100%;
-        min-height: 12em;
         padding: 0.2em;
     }
 

src/css/templates/stack.scss

@@ -6,25 +6,29 @@ All rights reserved.
 */
 
 .view__stack {
-    position: relative; width: 100%; height: 1.8em;
+    font-family: $font-family-normal;
+
+    td { border-left: 0 !important; padding-bottom: 0.25em; }
+
+    td:nth-child(2) { padding-left: 0.5em; width: 100%; }
+    td:nth-child(3) { width: 1.6em; }
 
     .quantity {
         border-radius: 0.75em;
         background: $color-ice;
         color: $color-table-background;
-        display: inline-block;
         font-size: $font-size-small;
         text-align: center;
         min-width: 3em;
-        margin-right: 0.5em;
-        padding: 0 0.5em;
+        padding: 0.1em 0.5em;
+        height: $font-size-small + 0.2em;
     }
 
     .name {
-        padding-right: 2.4em;
+        font-size: $font-size-small;
     }
 
     img {
-        position: absolute; top: 0; right: 0; height: 1.6em; width: 1.6em;
+        height: 1.6em; width: 1.6em;
     }
 }