mobile game styling fix

client/assets/styles/styles.mobile.less

@@ -36,6 +36,10 @@
                 div:nth-child(4n) {
                     margin: 0 0.25em;
                 }
+                div {
+                    padding: 0 0.25em;
+                }
+
             }
 
             .team, #targeting, .resolving-skill {
@@ -61,12 +65,11 @@
             }
 
             .skills {
-                display: grid;
+                display: flex;
-                grid-template-rows: 1fr;
-                grid-template-columns: 1fr 1fr 1fr;
                 button {
                     font-size: 1em;
                     letter-spacing: 0.1em;
+                    margin-right: 0;
                 }
 
 
@@ -83,6 +86,7 @@
             }
 
             .player {
+                width: calc(90%);
                 .game-construct {
                     grid-template-areas:
                         "left"
@@ -99,7 +103,12 @@
                 }
             }
 
+            .resolving-skill {
+                width: calc(90%);
+            }
+
             .opponent {
+                width: calc(90%);
                 .game-construct {
                     grid-template-rows: 2fr min-content;
                     grid-template-rows: 1fr;

client/src/components/vbox.component.jsx

@@ -108,12 +108,9 @@ class Vbox extends preact.Component {
             player,
             tutorial,
             instance,
-
             vboxCombiner,
             vboxHighlight,
-            vboxInfo,
             vboxSelected,
-
             // Static
             itemInfo,
             // Function Calls

client/src/events.jsx

@@ -191,6 +191,7 @@ function registerEvents(store) {
         store.dispatch(actions.setItemUnequip([]));
         store.dispatch(actions.setVboxCombiner(null));
         store.dispatch(actions.setVboxHighlight(null));
+        store.dispatch(actions.setVboxInfo(null));
         store.dispatch(actions.setVboxSelected({ storeSelect: [], stashSelect: [] }));
     }
 

client/src/socket.jsx

@@ -206,6 +206,7 @@ function createSocket(events) {
 
     function clearTutorial(instanceId) {
         events.clearTutorial();
+        events.clearInstance();
         sendInstanceState(instanceId);
     }