From 418901a153e4004867372e8ecfa99a0f7c533182 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 5 Apr 2019 19:40:20 +1100
Subject: [PATCH] more mobile

---
 client/cryps.css                         | 6 ++++--
 client/src/components/menu.component.jsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index 33567a7d..27835b03 100644
--- a/client/cryps.css
+++ b/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%;
     }
 
diff --git a/client/src/components/menu.component.jsx b/client/src/components/menu.component.jsx
index f2902153..2a736e9b 100644
--- a/client/src/components/menu.component.jsx
+++ b/client/src/components/menu.component.jsx
@@ -133,7 +133,7 @@ function Menu(args) {
     }
 
     return (
-        <main>
+        <main className="menu">
             {instanceList()}
             {crypList()}
         </main>