styles

client/assets/styles/controls.less

@@ -15,7 +15,7 @@ aside {
     padding-left: 1em;
 
     .instance-ctrl {
-       grid-template-rows: 1fr 1fr 1fr min-content;
+       grid-template-rows: 2fr 2fr 1fr;
     }
 
     .controls {
@@ -32,14 +32,7 @@ aside {
         }
     }
 
-    // fix chrome being inconsistent
-    table {
-        height: 100%;
-    }
-
-    div {
     text-align: center;
-    }
 
     button {
         width: 100%;
@@ -108,6 +101,18 @@ aside {
 
 .instance-ctrl-btns {
     font-size: 50%;
+
+    display: flex;
+    flex-flow: column;
+
+    button {
+        flex: 0;
+
+        &:first-child {
+            flex: 1;
+            font-size: 200%;
+        }
+    }
 }
 
 .abandon:not([disabled]) {

client/src/components/player.box.jsx

@@ -40,14 +40,14 @@ function Scoreboard(args) {
                     style={{ 'background-image': `url(/imgs/c170c913-7bd1-4196-97d0-97f404cfbbe9.svg)` }}>
                      
                 </div>
-                <div class="msg">lucker noob</div>
+                <div class="msg">glhf</div>
             </div>
         );
     }
 
     return (
         <div class={`player-box bottom ${player.ready ? 'ready' : ''}`}>
-            <div class="msg">reported</div>
+            <div class="msg">hfhf</div>
             <div class="score">{scoreText()}</div>
             <div class="name">{player.name}</div>
             <div class="img avatar"