better decay

client/assets/styles/styles.less

@@ -11,7 +11,7 @@ html, body, #mnml {
     background-color: black;
     font-family: 'Jura';
     color: whitesmoke;
-    font-size: 14pt;
+    font-size: 12pt;
 
     user-select: none;
     -moz-user-select: none;
@@ -28,6 +28,12 @@ html, body, #mnml {
     overflow-x: hidden;
 }
 
+@media (min-width: 1921px) {
+    html, body, #mnml {
+        font-size: 14pt;
+    }
+}
+
 html {
     box-sizing: border-box;
     margin: 0;
@@ -397,34 +403,18 @@ header {
     transition-duration: 0.5s;
     transition-delay: 0;
     transition-timing-function: ease;
-}
 
-.menu-construct .controls {
-    display: flex;
-    justify-content: flex-end;
-}
+    button:not(:last-child) {
+        margin-bottom: 1em;
+    }
 
-.menu-construct .controls h2 {
-    flex: 1;
-}
-
-.menu-construct .controls button {
-    color: #444;
-    flex: 0;
-    margin: 0 1em 0 0;
-    border: none;
-}
-
-.menu-construct .controls button:hover, .menu-construct .controls button:active {
-    color: whitesmoke;
-}
-
-.menu-construct .avatar {
-    background-size: contain;
-    background-repeat: no-repeat;
-    background-position: center;
-    pointer-events: none;
-    height: 100%;
+    .avatar {
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+        pointer-events: none;
+        height: 100%;
+    }
 }
 
 .spawn-btn.menu-construct {
@@ -493,7 +483,7 @@ header {
     grid-area: constructs;
 
     /* poor man's <hr>*/
-    padding-bottom: 2em;
+    padding: 0.5em 2em 0 0;
     margin-bottom: 2em;
     border-bottom: 0.1em solid whitesmoke;
 }

client/assets/styles/vbox.less

@@ -62,6 +62,12 @@
                 border: 1px solid black;
             }
         }
+        svg {
+            stroke-width: 8px;
+        }
+        .white {
+            stroke: black;
+        }
     }
 
     button {
@@ -84,18 +90,9 @@
                 stroke-width: 8px;
             }
 
-            ellipse.white {
+            .white {
                 stroke: black;
             }
-
-            rect.white {
-                stroke: black;
-            }
-
-            polygon.white {
-                stroke: black;
-            }
-
         }
     }