From 0a5509fdb221849f031d6b053f0a8cb69a3f7696 Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Fri, 12 Dec 2025 22:12:08 +0100
Subject: [PATCH] fixes

---
 frontend/src/html/pages/test.html | 124 +++++++++++++++---------------
 frontend/src/styles/tribe.scss    |   2 +
 2 files changed, 64 insertions(+), 62 deletions(-)

diff --git a/frontend/src/html/pages/test.html b/frontend/src/html/pages/test.html
index 9a7a96c59..e8a03616b 100644
--- a/frontend/src/html/pages/test.html
+++ b/frontend/src/html/pages/test.html
@@ -479,7 +479,7 @@
             aria-label="Ready"
             data-balloon-pos="down"
             tabindex="0"
-            onclick="this.blur();"
+            onclick="this.blur()"
           >
             <i class="fas fa-fw fa-check"></i>
           </div>
@@ -488,7 +488,7 @@
             aria-label="Queue again"
             data-balloon-pos="down"
             tabindex="0"
-            onclick="this.blur();"
+            onclick="this.blur()"
           >
             <i class="fas fa-fw fas fa-satellite-dish"></i>
           </div>
@@ -561,6 +561,66 @@
           <a href="/login" router-link>Sign in</a>
           to save your result
         </div>
+        <div id="tribeResultBottom" class="hidden">
+          <div class="chat">
+            <div class="title">chat</div>
+            <div class="messages"></div>
+            <div class="input">
+              <div class="emojiSuggestion hidden"></div>
+              <input
+                type="text"
+                placeholder="Send a message (press / to focus)"
+              />
+            </div>
+            <div class="whoIsTyping"></div>
+          </div>
+          <div class="buttons">
+            <div class="button startTestButton">
+              <i class="fas fa-chevron-right"></i>
+              Next test
+            </div>
+            <div class="button backToLobbyButton">
+              <i class="fas fa-home"></i>
+              Back to lobby
+            </div>
+            <div class="readyButtonGroup">
+              <div class="button userReadyButton">
+                <i class="fas fa-check"></i>
+                Ready
+              </div>
+              <div
+                class="button autoReadyButton"
+                data-balloon-pos="left"
+                aria-label="Auto ready"
+              >
+                <i class="fas fa-fw fa-magic"></i>
+              </div>
+            </div>
+            <div class="button userAfkButton">
+              <i class="far fas fa-mug-hot"></i>
+              Take a break
+            </div>
+            <div class="button leaveRoomButton">
+              <i class="fas fa-door-open"></i>
+              Leave room
+            </div>
+          </div>
+          <div class="userlist">
+            <div class="title">users</div>
+            <div class="list"></div>
+          </div>
+          <div class="inviteLink">
+            <div class="code">
+              <div class="title">room code</div>
+              <div
+                class="text"
+                aria-label="Click to copy"
+                data-balloon-pos="up"
+              ></div>
+            </div>
+            <div class="link"></div>
+          </div>
+        </div>
       </div>
       <div class="ssWatermark hidden">monkeytype.com</div>
     </div>
@@ -576,66 +636,6 @@
         <div class="icon small"><i class="fas fa-ad"></i></div>
         <div id="ad-result-small"></div>
       </div>
-      <div id="tribeResultBottom" class="hidden">
-        <div class="chat">
-          <div class="title">chat</div>
-          <div class="messages"></div>
-          <div class="input">
-            <div class="emojiSuggestion hidden"></div>
-            <input
-              type="text"
-              placeholder="Send a message (press / to focus)"
-            />
-          </div>
-          <div class="whoIsTyping"></div>
-        </div>
-        <div class="buttons">
-          <div class="button startTestButton">
-            <i class="fas fa-chevron-right"></i>
-            Next test
-          </div>
-          <div class="button backToLobbyButton">
-            <i class="fas fa-home"></i>
-            Back to lobby
-          </div>
-          <div class="readyButtonGroup">
-            <div class="button userReadyButton">
-              <i class="fas fa-check"></i>
-              Ready
-            </div>
-            <div
-              class="button autoReadyButton"
-              data-balloon-pos="left"
-              aria-label="Auto ready"
-            >
-              <i class="fas fa-fw fa-magic"></i>
-            </div>
-          </div>
-          <div class="button userAfkButton">
-            <i class="far fas fa-mug-hot"></i>
-            Take a break
-          </div>
-          <div class="button leaveRoomButton">
-            <i class="fas fa-door-open"></i>
-            Leave room
-          </div>
-        </div>
-        <div class="userlist">
-          <div class="title">users</div>
-          <div class="list"></div>
-        </div>
-        <div class="inviteLink">
-          <div class="code">
-            <div class="title">room code</div>
-            <div
-              class="text"
-              aria-label="Click to copy"
-              data-balloon-pos="up"
-            ></div>
-          </div>
-          <div class="link"></div>
-        </div>
-      </div>
     </div>
   </div>
 </div>
diff --git a/frontend/src/styles/tribe.scss b/frontend/src/styles/tribe.scss
index 6cca69e6a..c9b363d46 100644
--- a/frontend/src/styles/tribe.scss
+++ b/frontend/src/styles/tribe.scss
@@ -523,6 +523,8 @@
         grid-area: buttons;
         gap: 0.5rem;
         display: grid;
+        grid-auto-flow: unset;
+        justify-content: unset;
       }
       .userlist {
         grid-area: users;