diff --git a/client/assets/styles/styles.mobile.less b/client/assets/styles/styles.mobile.less index 0c80a7bd..c35e327b 100644 --- a/client/assets/styles/styles.mobile.less +++ b/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; - grid-template-rows: 1fr; - grid-template-columns: 1fr 1fr 1fr; + display: flex; 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; diff --git a/client/src/components/vbox.component.jsx b/client/src/components/vbox.component.jsx index e0eb4307..90acf959 100644 --- a/client/src/components/vbox.component.jsx +++ b/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 diff --git a/client/src/events.jsx b/client/src/events.jsx index a4b637a8..15e7cb79 100644 --- a/client/src/events.jsx +++ b/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: [] })); } diff --git a/client/src/socket.jsx b/client/src/socket.jsx index 2ca12623..c97c4fb2 100644 --- a/client/src/socket.jsx +++ b/client/src/socket.jsx @@ -206,6 +206,7 @@ function createSocket(events) { function clearTutorial(instanceId) { events.clearTutorial(); + events.clearInstance(); sendInstanceState(instanceId); }