more mobile

client/cryps.css

@@ -209,7 +209,7 @@ header {
 .menu-cryps {
     display: flex;
     flex-flow: row wrap;
-    flex: 1 1 100%;
+    flex: 1;
 }
 
 .menu-cryp-ctr {
@@ -260,6 +260,7 @@ header {
 
 .menu-instance-list {
     flex: 1;
+    order: 99;
     flex-flow: row wrap;
 
     display: flex;
@@ -543,11 +544,11 @@ header {
     main {
         flex: 1;
         flex-flow: column;
-        justify-content: space-between;
     }
 
     main.game {
         flex-flow: column-reverse;
+        justify-content: space-between;
     }
 
     main.game .instance-hdr {
@@ -560,6 +561,7 @@ header {
 
     .menu-instance-list {
         order: -1;
+        flex: unset;
         width: 100%;
     }
 

client/src/components/menu.component.jsx

@@ -133,7 +133,7 @@ function Menu(args) {
     }
 
     return (
-        <main>
+        <main className="menu">
             {instanceList()}
             {crypList()}
         </main>