From 0821d8f6f0e49df1beb270d5aff7613f747c51d5 Mon Sep 17 00:00:00 2001
From: Anton Volnuhin <anton@volnuhin.com>
Date: Sun, 1 Feb 2026 18:29:46 +0300
Subject: [PATCH] Hide donut eye icon and always show details eyes on narrow
 layouts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Use !important to ensure chart eye btn is hidden on narrow (≤850px)
- Always show eye buttons in details panel on narrow layouts (opacity 0.5)
- Touch devices don't have hover, so eyes need to be visible by default
- Desktop (>850px) retains hover behavior for eye icons

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 styles.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/styles.css b/styles.css
index edd16ec..40e913d 100644
--- a/styles.css
+++ b/styles.css
@@ -365,8 +365,9 @@ body {
     }
 
     .chart-eye-btn {
-        display: none;
+        display: none !important;
     }
+
 }
 
 @media (max-width: 500px) {
@@ -415,10 +416,6 @@ body {
         box-shadow: none;
         border-radius: 0;
     }
-
-    .chart-eye-btn {
-        display: none;
-    }
 }
 
 @media (max-width: 400px) {
@@ -515,6 +512,14 @@ body {
     opacity: 0.5;
 }
 
+/* Always show eye buttons on touch/narrow devices (no hover) */
+@media (max-width: 850px) {
+    .eye-btn,
+    .header-eye-btn {
+        opacity: 0.5;
+    }
+}
+
 /* Floating eye button on chart (shown when hovering over sunburst sector) */
 .chart-eye-btn {
     position: absolute;