fix styles

client/assets/styles/menu.less

@@ -125,6 +125,7 @@ section {
         "vcons game";
 
     grid-template-columns: 1fr 1fr;
+    grid-template-rows: min-content 1fr;
 
     .colour-info {
         grid-area: vinfo;
@@ -141,6 +142,10 @@ section {
         }
     }
 
+    .vbox-demo {
+        grid-area: vinfo;
+    }
+
     .game-demo {
         grid-area: game;
 

client/src/components/demo.jsx

@@ -106,13 +106,19 @@ function Demo(args) {
             );
         }
 
+        return (
+            <div class="news vbox-demo">
+                {inventoryElement()}
+            </div>
+        );
+    };
+
+    const vboxConstructs = () => {
         const btnClass = equipping
             ? 'equipping empty gray'
             : 'empty gray';
 
         return (
-            <div class="news">
-                {inventoryElement()}
             <div class='construct-list'>
                 {players[0].constructs.map((c, i) => (
                     <div class="instance-construct" key={i}>
@@ -133,7 +139,6 @@ function Demo(args) {
                     </div>
                 ))}
             </div>
-            </div>
         );
     };
 
@@ -163,6 +168,7 @@ function Demo(args) {
     return (
         <section class='demo'>
             {vboxDemo()}
+            {vboxConstructs()}
             {gameDemo()}
         </section>
     );