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