From 96426a09b4e54ba83fc46d8c68d32c2eecafc95e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9A=D0=B8=D1=80=D0=B8=D0=BB=D0=BB=20=D0=91=D0=BB=D0=B8?=
 =?UTF-8?q?=D0=BD=D0=BE=D0=B2?= <kirillblinov@192.168.1.5>
Date: Fri, 29 May 2026 13:02:37 +0300
Subject: [PATCH] Fix delete icon visibility for long folder names with
 timestamp

---
 backend/static/styles.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/backend/static/styles.css b/backend/static/styles.css
index 72005c9..df021b9 100644
--- a/backend/static/styles.css
+++ b/backend/static/styles.css
@@ -226,6 +226,8 @@ header h1 {
     cursor: pointer;
     border-radius: var(--radius);
     transition: background 0.2s;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 .folder-header:hover {
@@ -237,21 +239,27 @@ header h1 {
     color: var(--text-secondary);
     width: 16px;
     text-align: center;
+    flex-shrink: 0;
 }
 
 .folder-icon {
     font-size: 1.1rem;
+    flex-shrink: 0;
 }
 
 .folder-name {
     flex: 1;
     font-weight: 500;
     font-size: 0.9rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    min-width: 0;
 }
 
 .folder-date {
     font-size: 0.7rem;
     color: var(--text-secondary);
+    flex-shrink: 0;
 }
 
 .folder-delete {
@@ -261,12 +269,11 @@ header h1 {
     border-radius: 4px;
     transition: background 0.2s;
     margin-left: 8px;
-    opacity: 0.6;
+    flex-shrink: 0;
 }
 
 .folder-delete:hover {
     background: rgba(248, 113, 113, 0.2);
-    opacity: 1;
 }
 
 .folder-files {