mobile menu fixes

client/assets/styles/styles.mobile.less

@@ -94,11 +94,21 @@
             "games";
     }
 
+    .menu {
         .options {
-        flex-flow: row wrap;
+            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;
+        }
+    }
 }

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}>