From 9c819676bd435ebda40321ce2d61d096bb6ac63b Mon Sep 17 00:00:00 2001
From: Harvey Zhao <laozhaochaguan@gmail.com>
Date: Sun, 1 Mar 2026 20:00:13 +0800
Subject: [PATCH] feat: improve layout of file name overlay for better
 responsiveness

---
 docs/upscaler/index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/upscaler/index.html b/docs/upscaler/index.html
index d009b507a..74199d78d 100644
--- a/docs/upscaler/index.html
+++ b/docs/upscaler/index.html
@@ -202,13 +202,14 @@
                                 </div>
                                 <!-- File Name Overlay -->
                                 <div
-                                    class="absolute bottom-3 left-3 right-3 flex items-center justify-between"
+                                    class="absolute bottom-3 left-3 right-3 flex items-center justify-between gap-2"
                                 >
                                     <span
                                         id="videoFileName"
-                                        class="text-white text-sm font-medium truncate max-w-[70%] drop-shadow-md"
+                                        class="text-white text-sm font-medium truncate min-w-0 drop-shadow-md"
                                     ></span>
-                                    <span class="text-white/80 text-xs"
+                                    <span
+                                        class="text-white/80 text-xs flex-shrink-0"
                                         >Click to change</span
                                     >
                                 </div>