From 07a27a12a4815ca532c9214d04dd8825c4d49e6f Mon Sep 17 00:00:00 2001
From: DiTus <ditus@o2.pl>
Date: Sat, 21 Mar 2026 09:45:13 +0100
Subject: [PATCH] fix: outside-click settings, autoScale/logScale sync

---
 index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 266b64f..eb30c6b 100644
--- a/index.html
+++ b/index.html
@@ -104,9 +104,10 @@
             <!-- Chart Container -->
             <section class="relative w-full bg-[#0d1421] h-[60vh] md:h-[70vh]" data-purpose="chart-container" id="chartWrapper">
                  <div id="chart" class="w-full h-full"></div>
-                 
-                  <!-- Overlay Controls -->
-                   <div class="absolute bottom-4 right-4 flex gap-2 z-10 opacity-0 hover:opacity-100 transition-opacity" id="priceScaleControls">
+                 <!-- Drawing Layer Overlay -->
+                 <canvas id="drawingLayer" class="absolute inset-0 pointer-events-none z-20 w-full h-full"></canvas>
+
+                 <!-- Overlay Controls -->                   <div class="absolute bottom-4 right-4 flex gap-2 z-10 opacity-0 hover:opacity-100 transition-opacity" id="priceScaleControls">
                        <button class="w-8 h-8 bg-[#1e222d] border border-[#2d3a4f] text-gray-300 flex items-center justify-center rounded hover:bg-[#2d3a4f] transition-colors shadow-lg" id="btnSettings" title="Settings">
                           <span class="material-symbols-outlined text-sm">settings</span>
                        </button>