From a28898cd823d0392d9d4b035637654a565b102a1 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Tue, 8 Oct 2019 16:05:42 +1100
Subject: [PATCH] mobile menu fixes

---
 client/assets/styles/styles.mobile.less | 24 ++++++++++++++++++++----
 client/src/components/team.footer.jsx   | 15 ---------------
 2 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less
index 0991f256..e8269bd2 100644
--- a/client/assets/styles/styles.mobile.less
+++ b/client/assets/styles/styles.mobile.less
@@ -94,11 +94,21 @@
             "games";
     }
 
-    .options {
-        flex-flow: row wrap;
+    .menu {
+        .options {
+            display: grid;
+            grid-template-columns: 1fr;
 
-        button {
-            flex: 1;
+            button:not(:last-child) {
+                border: 2px solid #222;
+            }
+
+            button.logo {
+                border: none;
+                margin-right: 0;
+                margin-top: 0.5em;
+                background-position: center;
+            }
         }
     }
 
@@ -107,4 +117,10 @@
             grid-template-columns: 1fr;
         }
     }
+
+    .account {
+        div {
+            padding: 0;
+        }
+    }
 }
diff --git a/client/src/components/team.footer.jsx b/client/src/components/team.footer.jsx
index db3bb077..82584a57 100644
--- a/client/src/components/team.footer.jsx
+++ b/client/src/components/team.footer.jsx
@@ -7,7 +7,6 @@ const addState = connect(
     function receiveState(state) {
         const {
             teamSelect,
-            showNav,
             ws,
         } = state;
 
@@ -18,32 +17,18 @@ const addState = connect(
         return {
             sendAccountSetTeam,
             teamSelect,
-            showNav,
         };
     },
-    function receiveDispatch(dispatch) {
-
-        function setShowNav(v) {
-            return dispatch(actions.setShowNav(v));
-        }
-
-        return {
-            setShowNav,
-        };
-    }
 );
 
 function TeamFooter(args) {
     const {
-        showNav,
         teamSelect,
         sendAccountSetTeam,
-        setShowNav,
     } = args;
 
     return (
         <footer>
-            <button id="nav-btn" onClick={() => setShowNav(!showNav)} >☰</button>
             <button
                 disabled={teamSelect.some(c => !c)}
                 onClick={sendAccountSetTeam}>