From 4576157364b6b42d91718bad438df78bdc24170c Mon Sep 17 00:00:00 2001
From: Frank Tovar <mail@franktovar.de>
Date: Wed, 28 Jan 2026 16:17:10 +0100
Subject: [PATCH] Make results thumbnails clickable for lightbox

---
 wwwroot/app.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/wwwroot/app.js b/wwwroot/app.js
index a623583..7a9a1a9 100644
--- a/wwwroot/app.js
+++ b/wwwroot/app.js
@@ -177,7 +177,7 @@ function renderResults() {
     row.innerHTML = `
       <td>${idx + 1}</td>
       <td class="game-cell">
-         ${r.screenshotUrl ? `<img class="thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
+         ${r.screenshotUrl ? `<img class="thumb clickable-thumb" src="${r.screenshotUrl}" alt="${r.name}">` : ''}
          <div class="game-meta">
            <div class="title-line">${r.name}</div>
            ${r.genre ? `<div class="muted small">${r.genre}</div>` : ''}
@@ -194,6 +194,9 @@ function renderResults() {
     tbody.appendChild(row);
   });
   container.appendChild(table);
+  container.querySelectorAll(".clickable-thumb").forEach(img => {
+    img.addEventListener("click", () => openLightbox(img.src, img.alt));
+  });
 }
 
 function setupHandlers() {