From 56a3f185e0ee912defce08af735ee6893b4a1a48 Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Thu, 5 Feb 2026 11:42:56 +0100
Subject: [PATCH] Keep link chip visible beside truncated result titles

---
 wwwroot/css/results.css | 10 ++++++++++
 wwwroot/js/ui.js        |  5 ++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/wwwroot/css/results.css b/wwwroot/css/results.css
index 7a1ca99..98cbc0c 100644
--- a/wwwroot/css/results.css
+++ b/wwwroot/css/results.css
@@ -95,10 +95,20 @@
 .results-table .title-line {
     font-weight: 700;
     max-width: 600px;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    min-width: 0;
+}
+.results-table .title-line .title-text {
+    min-width: 0;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
 }
+.results-table .title-line .link-chip {
+    flex: 0 0 auto;
+}
 .results-table .author-cell {
     max-width: 160px;
     white-space: nowrap;
diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js
index 1b9d6c6..ed60f86 100644
--- a/wwwroot/js/ui.js
+++ b/wwwroot/js/ui.js
@@ -259,7 +259,10 @@ export function renderResults() {
       <td class="game-cell">
          ${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
          <div class="game-meta">
-           <div class="title-line">${r.name} ${renderLinkBadge(r)}</div>
+           <div class="title-line">
+             <span class="title-text">${r.name}</span>
+             ${renderLinkBadge(r)}
+           </div>
            ${buildResultMeta(r)}
          </div>
       </td>