diff --git a/devplacepy/static/css/game.css b/devplacepy/static/css/game.css index da52bded..445743e4 100644 --- a/devplacepy/static/css/game.css +++ b/devplacepy/static/css/game.css @@ -262,6 +262,7 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + min-width: 80px; max-width: 100%; } @@ -279,11 +280,12 @@ color: var(--accent); font-size: 0.7rem; font-style: italic; - display: block; + display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 100%; + max-width: 100px; + margin-left: 0.25em; } .game-lb-score { @@ -570,3 +572,4 @@ font-size: 0.75rem; font-weight: 600; } + diff --git a/devplacepy/static/js/GameFarm.js b/devplacepy/static/js/GameFarm.js index 4c8d1997..59670d4b 100644 --- a/devplacepy/static/js/GameFarm.js +++ b/devplacepy/static/js/GameFarm.js @@ -386,9 +386,9 @@ export class GameFarm { const board = this.board || "score"; list.innerHTML = data.entries .map((entry) => { - const title = entry.title ? `${entry.title}` : ""; + const titleHtml = entry.title ? ` ${entry.title}` : ""; const value = this._leaderboardValue(board, entry); - return `
  • #${entry.rank}
    ${entry.username}${title}
    Lv ${entry.level}${value}
  • `; + return `
  • #${entry.rank}${entry.username}${titleHtml}Lv ${entry.level}${value}
  • `; }) .join(""); } catch (error) { @@ -402,3 +402,4 @@ export class GameFarm { return Format.exact(entry.score); } } +