From 1f320b45eccfc6a99f200d9afee52a161f80915d Mon Sep 17 00:00:00 2001
From: Typosaurus <typosaurus@retoor.molodetz.nl>
Date: Sat, 25 Jul 2026 11:58:02 +0000
Subject: [PATCH] ticket #134 attempt 1

---
 devplacepy/static/css/game.css   | 22 +++++++++++++++++-----
 devplacepy/static/js/GameFarm.js |  2 +-
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/devplacepy/static/css/game.css b/devplacepy/static/css/game.css
index 994a1bf1..1ceadab9 100644
--- a/devplacepy/static/css/game.css
+++ b/devplacepy/static/css/game.css
@@ -241,16 +241,24 @@
     min-width: 2.2em;
 }
 
-.game-lb-name {
+.game-lb-name-group {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
     flex: 1;
     min-width: 0;
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+}
+
+.game-lb-name {
     color: var(--text-primary);
     text-decoration: none;
     font-weight: 600;
     font-size: 0.9rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
 }
 
 .game-lb-name:hover {
@@ -264,10 +272,14 @@
 }
 
 .game-lb-title {
-    flex-shrink: 0;
     color: var(--accent);
-    font-size: 0.75rem;
+    font-size: 0.7rem;
     font-style: italic;
+    display: block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100%;
 }
 
 .game-lb-score {
diff --git a/devplacepy/static/js/GameFarm.js b/devplacepy/static/js/GameFarm.js
index 561fd276..88feb030 100644
--- a/devplacepy/static/js/GameFarm.js
+++ b/devplacepy/static/js/GameFarm.js
@@ -370,7 +370,7 @@ export class GameFarm {
                 .map((entry) => {
                     const title = entry.title ? `<span class="game-lb-title">${entry.title}</span>` : "";
                     const value = this._leaderboardValue(board, entry);
-                    return `<li class="game-lb-row${entry.username === this.username ? " game-lb-self" : ""}"><span class="game-lb-rank">#${entry.rank}</span><a class="game-lb-name" href="/game/farm/${entry.username}">${entry.username}</a>${title}<span class="game-lb-level">Lv ${entry.level}</span><span class="game-lb-score">${value}</span></li>`;
+                    return `<li class="game-lb-row${entry.username === this.username ? " game-lb-self" : ""}"><span class="game-lb-rank">#${entry.rank}</span><div class="game-lb-name-group"><a class="game-lb-name" href="/game/farm/${entry.username}">${entry.username}</a>${title}</div><span class="game-lb-level">Lv ${entry.level}</span><span class="game-lb-score">${value}</span></li>`;
                 })
                 .join("");
         } catch (error) {