From ecd04ee4a9c6ee06ec123ef6d07e5224a28b1f94 Mon Sep 17 00:00:00 2001
From: Anton Volnuhin <anton@volnuhin.com>
Date: Fri, 30 Jan 2026 18:51:55 +0300
Subject: [PATCH] Fix eye button not showing after opacity transition change

- Remove inline display:none from HTML (was overriding opacity)
- Set initial pointer-events:none in CSS to prevent blocking clicks

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html | 2 +-
 styles.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 93dd361..78e37d1 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,7 @@
         </div>
         <div class="content-wrapper">
             <div id="chart-container"></div>
-            <button id="chart-eye-btn" class="chart-eye-btn" style="display: none;" title="View transactions">
+            <button id="chart-eye-btn" class="chart-eye-btn" title="View transactions">
                 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
                     <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/>
                     <circle cx="12" cy="12" r="3"/>
diff --git a/styles.css b/styles.css
index ced8b1b..fcad025 100644
--- a/styles.css
+++ b/styles.css
@@ -357,7 +357,7 @@ body {
     filter: drop-shadow(0 0 2px rgba(255, 255, 255, 1)) drop-shadow(0 0 3px rgba(255, 255, 255, 1)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.9));
     transition: filter 0.15s, opacity 0.2s ease-out;
     color: #111;
-    pointer-events: auto;
+    pointer-events: none;
     opacity: 0;
 }