mobile fixes

client/assets/styles/styles.mobile.less

@@ -48,6 +48,10 @@
 
             }
 
+            .team {
+                grid-gap: 1em;
+            }
+
             .team, #targeting, .resolving-skill {
                 width: calc(90% - 3em);
             }
@@ -92,7 +96,7 @@
             }
 
             .player {
-                width: calc(90%);
+                width: calc(90% - 1.5em);
                 .game-construct {
                     grid-template-areas:
                         "left"
@@ -110,11 +114,11 @@
             }
 
             .resolving-skill {
-                width: calc(90%);
+                width: calc(90% - 1.5em);
             }
 
             .opponent {
-                width: calc(90%);
+                width: calc(90% - 1.5em);
                 .game-construct {
                     grid-template-rows: 2fr min-content;
                     grid-template-rows: 1fr;
@@ -160,9 +164,9 @@
         }
 
         aside {
-            font-size: 75%;
             button {
                 margin-bottom: 0.5em;
+                z-index: 50;
             }
         }
     }