diff --git a/devplacepy/static/css/game.css b/devplacepy/static/css/game.css index 6bcb2026..da52bded 100644 --- a/devplacepy/static/css/game.css +++ b/devplacepy/static/css/game.css @@ -245,16 +245,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 { @@ -268,10 +276,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 2d42e75b..4c8d1997 100644 --- a/devplacepy/static/js/GameFarm.js +++ b/devplacepy/static/js/GameFarm.js @@ -388,7 +388,7 @@ export class GameFarm { .map((entry) => { const title = entry.title ? `${entry.title}` : ""; const value = this._leaderboardValue(board, entry); - return `