inventory wip

client/assets/styles/styles.css

@@ -399,6 +399,7 @@ header {
 
 .menu-construct .controls {
     display: flex;
+    justify-content: flex-end;
 }
 
 .menu-construct .controls h2 {
@@ -408,9 +409,8 @@ header {
 .menu-construct .controls button {
     color: #444;
     flex: 0;
-    margin: 0;
+    margin: 0 1em 0 0;
     border: none;
-    padding: 0.25em;
 }
 
 .menu-construct .controls button:hover, .menu-construct .controls button:active {
@@ -454,6 +454,31 @@ header {
     opacity: 0
 }
 
+.inventory {
+    display: flex;
+    flex-flow: row wrap;
+}
+
+.inventory h2 {
+    flex: 1 0 100%;
+}
+
+.inventory figure {
+    flex: 0 0 10%;
+    display: flex;
+    flex-flow: column;
+    margin: 0.5em 1em;
+}
+
+/* heading included */
+.inventory figure:nth-child(3) {
+    margin-right: 2em;
+}
+
+.inventory figure div {
+
+}
+
 .menu-instances {
     display: flex;
     flex-flow: column;