nav fixes

client/assets/styles/game.css

@@ -205,7 +205,6 @@
     position: absolute;
     top: 50%;
     left: 50%;
-    text-align: center;
 }
 
 CRYP DAMAGE

client/src/components/main.jsx

@@ -47,7 +47,7 @@ function Main(props) {
     if (nav === 'list') return <List />;
 
     return (
-        <Team />
+        <main></main>
     );
 }
 

client/src/components/nav.jsx

@@ -16,6 +16,8 @@ const addState = connect(
         } = state;
 
         function sendInstanceState(instance) {
+            ws.clearGameStateTimeout();
+            ws.clearInstanceStateTimeout();
             return ws.sendInstanceState(instance.id);
         }
 
@@ -63,8 +65,14 @@ function Nav(args) {
         setTestInstance,
     } = args;
 
+    function joinInstance(i) {
+        navTo(null);
+        sendInstanceState(i);
+        return true;
+    }
+
     const joined = instances.map(i => (
-        <button key={i.id} onClick={() => sendInstanceState(i)} >{i.name}</button>
+        <button key={i.id} onClick={() => joinInstance(i)} >{i.name}</button>
     ));
 
     const teamElements = team.map((c, i) => {

client/src/events.jsx

@@ -101,6 +101,7 @@ function registerEvents(store) {
 
     function setAccount(account) {
         store.dispatch(actions.setAccount(account));
+        store.dispatch(actions.setNav('team'));
     }
 
     function clearCombiner() {