From f47e01942770c65ec4f01b6c5bb25aab10bd5779 Mon Sep 17 00:00:00 2001
From: mariosemes <mario.semes@gmail.com>
Date: Thu, 26 Mar 2026 22:55:45 +0100
Subject: [PATCH] Make thumbnail preview height hug the image instead of fixed
 square

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/client/src/routes/results/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/client/src/routes/results/+page.svelte b/src/client/src/routes/results/+page.svelte
index f7a87b7..a49470d 100644
--- a/src/client/src/routes/results/+page.svelte
+++ b/src/client/src/routes/results/+page.svelte
@@ -315,7 +315,7 @@
                       <img src={product.image} alt="" class="max-w-full max-h-full object-contain" />
                     </div>
                     <div class="thumb-preview pointer-events-none">
-                      <div class="w-80 h-80 rounded-lg bg-surface-raised border border-surface-border shadow-2xl shadow-black/50 flex items-center justify-center p-5">
+                      <div class="w-80 max-h-80 rounded-lg bg-surface-raised border border-surface-border shadow-2xl shadow-black/50 p-5">
                         <img src={product.image} alt={product.name} class="max-w-full max-h-full object-contain" />
                       </div>
                     </div>