From 2dc9eb5461f19b017f827d5ede5d1d5f81744194 Mon Sep 17 00:00:00 2001
From: DiTus <ditus@o2.pl>
Date: Thu, 26 Feb 2026 20:39:50 +0100
Subject: [PATCH] Fix button overlap: Add spacing and styling for
 visibility-toggle

- Add gap: 4px to section-title to prevent button overlap
- Style visibility-toggle button with blue color (vs red for Clear All)
- Show/Hide both buttons on hover (previously only Clear All)
- Add hover effects for both buttons
---
 src/api/dashboard/static/css/indicators-new.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/api/dashboard/static/css/indicators-new.css b/src/api/dashboard/static/css/indicators-new.css
index 50a9878..ffdbf4e 100644
--- a/src/api/dashboard/static/css/indicators-new.css
+++ b/src/api/dashboard/static/css/indicators-new.css
@@ -115,14 +115,17 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    gap: 4px;
 }
-.section-title button.clear-all {
+.section-title button.clear-all,
+.section-title button.visibility-toggle {
     display: none;
-    margin-left: auto;
 }
-.section-title:hover button.clear-all {
+.section-title:hover button.clear-all,
+.section-title:hover button.visibility-toggle {
     display: inline-block;
 }
+.visibility-toggle,
 .clear-all {
     background: var(--tv-red);
     border: none;
@@ -132,6 +135,10 @@
     border-radius: 3px;
     cursor: pointer;
 }
+.visibility-toggle {
+    background: var(--tv-blue);
+}
+.visibility-toggle:hover,
 .clear-all:hover {
     opacity: 0.9;
 }