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

@@ -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;
 }