cleanup

client/assets/styles/controls.less

@@ -14,15 +14,7 @@ aside {
 
     padding-left: 1em;
 
-    .instance-ctrl {
-       grid-template-rows: 2fr 2fr 1fr;
-    }
-
-    .controls {
-        grid-area: controls;
-
-        display: grid;
-
+    .instance-ctrl, .game-ctrl {
         grid-template-areas:
             "top"
             "p0"
@@ -30,6 +22,12 @@ aside {
             "bottom";
 
         grid-template-rows: min-content 3fr 3fr 1fr;
+    }
+
+    .controls {
+        grid-area: controls;
+        display: grid;
+        grid-auto-rows: 1fr;
         grid-gap: 0.5em 0;
     }
 
@@ -106,7 +104,7 @@ aside {
     padding: 0 0.75em 0 0.75em;
 }
 
-.instance-ctrl-btns {
+.instance-ctrl-btns, .game-ctrl-btns {
     font-size: 50%;
 
     display: flex;

client/src/components/game.ctrl.btns.jsx

@@ -61,7 +61,7 @@ function GameCtrlBtns(args) {
     if (!game) return false;
 
     return (
-        <div class="instance-ctrl-btns">
+        <div class="game-ctrl-btns">
             <button>Chat</button>
             <button disabled={animating} onClick={sendGameSkillClear}>Clear</button>
             <button disabled={animating} class="ready" onClick={() => sendReady()}>Ready</button>