From 0d37e5daf2dae671fa697981d71da8953e048e04 Mon Sep 17 00:00:00 2001
From: Domagoj Zecevic <domagoj@zecevic-ninja.com>
Date: Fri, 19 Jun 2026 10:13:55 +0200
Subject: [PATCH] changes in image preview

---
 internal/web/templates/base.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/internal/web/templates/base.html b/internal/web/templates/base.html
index 59d266f..ae98565 100644
--- a/internal/web/templates/base.html
+++ b/internal/web/templates/base.html
@@ -27,7 +27,11 @@
       </nav>
     </aside>
 
-    <main class="flex min-h-screen flex-1 flex-col pb-16 md:pb-0">
+    <!-- min-w-0 stops the flex child from expanding past its allocated width.
+         overflow-x-hidden ensures nothing inside (thumbnail strip, etc.) can
+         cause the page itself to scroll horizontally. The strip's own
+         overflow-x-auto then handles its internal scroll correctly. -->
+    <main class="flex min-h-screen flex-1 flex-col overflow-x-hidden pb-16 min-w-0 md:pb-0">
       <header class="sticky top-0 z-10 border-b border-slate-800 bg-slate-900/95">
         <div class="flex h-14 items-center justify-between px-4 md:px-6">
           <div class="flex items-center gap-3">