better demo

client/assets/styles/menu.less

@@ -129,18 +129,29 @@ section {
 .demo {
     margin-top: 1em;
 
-    display: grid;
-    grid-template-areas:
-        "vinfo game"
-        "vcons game";
-
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: min-content 1fr;
+    display: block;
 
     button {
         cursor: default;
     }
 
+    section {
+        div:first-child {
+            padding-right: 1em;
+        }
+    }
+
+    .construct-section {
+        .construct-list {
+            height: 25em;
+            grid-area: unset;
+
+            .instance-construct {
+                border: 0;
+            }
+        }
+    }
+
     .colour-info {
         grid-area: vinfo;
         display: flex;
@@ -156,17 +167,9 @@ section {
         }
     }
 
-    .vbox-demo {
-        grid-area: vinfo;
-    }
-
     .game-demo {
-        grid-area: game;
-
-        display: grid;
-        grid-template-columns: 1fr 2fr;
-
         .game {
+            height: 25em;
             display: flex;
             flex-flow: column;
 
@@ -175,15 +178,6 @@ section {
             }
         }
     }
-
-    .construct-list {
-        grid-area: vcons;
-        height: 100%;
-
-        svg {
-            height: 100%;
-        }
-    }
 }
 
 @media (max-width: 800px) {
@@ -195,24 +189,6 @@ section {
         }
     }
 
-    .demo {
-        grid-template-columns: 1fr;
-        grid-template-areas:
-            "vinfo"
-            "vcons"
-            "game"
-            "game";
-
-
-        .construct-list .instance-construct:not(:first-child) {
-            display: none;
-        }
-
-        .game-demo {
-            grid-template-columns: 1fr;
-        }
-    }
-
     .menu .team {
         grid-template-columns: 1fr;
 

client/assets/styles/styles.less

@@ -14,7 +14,7 @@ html body {
     -ms-user-select: none;
 
     overflow-x: hidden;
-    overflow-y: hidden;
+    // overflow-y: hidden;
 }
 
 #mnml {
@@ -26,7 +26,7 @@ html body {
 
     /* stops inspector going skitz*/
     overflow-x: hidden;
-    overflow-y: hidden;
+    // overflow-y: hidden;
 }
 
 // @media (min-width: 1921px) {