From eedb90ffb55233a7c76ba9c4d85d7adf04358df8 Mon Sep 17 00:00:00 2001
From: FloPinguin <25036848+FloPinguin@users.noreply.github.com>
Date: Tue, 21 Apr 2026 23:33:00 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20game=20ID=20display=20for=20team=20games?=
 =?UTF-8?q?=20=F0=9F=AA=AA=20(#3734)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description:

Game ID display was looking weird in team games...

Before:

<img width="389" height="321" alt="image"
src="https://github.com/user-attachments/assets/cf39b490-cfba-4c3a-86af-8f9498380eae"
/>

After:

<img width="394" height="323" alt="image"
src="https://github.com/user-attachments/assets/9e828169-b267-4627-85eb-548dca224a8a"
/>

## Please complete the following:

- [X] I have added screenshots for all UI updates
- [X] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [X] I have added relevant tests to the test directory
- [X] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced

## Please put your Discord username so you can be contacted if a bug or
regression is found:

FloPinguin
---
 src/client/graphics/layers/GameLeftSidebar.ts | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/client/graphics/layers/GameLeftSidebar.ts b/src/client/graphics/layers/GameLeftSidebar.ts
index a50303ab7..97cad8cc3 100644
--- a/src/client/graphics/layers/GameLeftSidebar.ts
+++ b/src/client/graphics/layers/GameLeftSidebar.ts
@@ -133,13 +133,6 @@ export class GameLeftSidebar extends LitElement implements Layer {
               height="20"
             />
           </div>
-          ${this.isLeaderboardShow || this.isTeamLeaderboardShow
-            ? html`<span
-                class="ml-auto text-[10px] text-slate-500 select-all leading-none self-start"
-                title=${translateText("help_modal.game_id_tooltip")}
-                >${this.game?.gameID() ?? ""}</span
-              >`
-            : null}
           ${this.isTeamGame
             ? html`
                 <div
@@ -171,6 +164,13 @@ export class GameLeftSidebar extends LitElement implements Layer {
                 </div>
               `
             : null}
+          ${this.isLeaderboardShow || this.isTeamLeaderboardShow
+            ? html`<span
+                class="ml-auto text-[10px] text-slate-500 select-all leading-none self-start"
+                title=${translateText("help_modal.game_id_tooltip")}
+                >${this.game?.gameID() ?? ""}</span
+              >`
+            : null}
         </div>
         ${this.isPlayerTeamLabelVisible
           ? html`