From fd816edc54d6036713a4570f2a5b1cf3e9572750 Mon Sep 17 00:00:00 2001
From: DiTus <ditus@o2.pl>
Date: Sat, 21 Mar 2026 23:13:05 +0100
Subject: [PATCH] UI: Move drawing toolbar to top and remove Cursor, Ray, and
 Fibonacci buttons

---
 index.html | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/index.html b/index.html
index 9773739..153429d 100644
--- a/index.html
+++ b/index.html
@@ -105,27 +105,17 @@
             <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>
                  
-                 <!-- Vertical Drawing Toolbar (Left) -->
-                 <div class="absolute left-2 top-1/2 -translate-y-1/2 flex flex-col gap-1 z-30 bg-[#1a2333]/80 backdrop-blur border border-[#2d3a4f] p-1 rounded-md shadow-xl" id="drawingToolbar">
-                    <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('cursor')" title="Cursor">
-                        <span class="material-symbols-outlined text-sm">near_me</span>
-                    </button>
-                    <div class="w-full h-[1px] bg-[#2d3a4f] my-0.5"></div>
+                 <!-- Horizontal Drawing Toolbar (Top) -->
+                 <div class="absolute top-2 left-1/2 -translate-x-1/2 flex flex-row gap-1 z-30 bg-[#1a2333]/80 backdrop-blur border border-[#2d3a4f] p-1 rounded-md shadow-xl" id="drawingToolbar">
                     <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('trend_line')" title="Trend Line">
                         <span class="material-symbols-outlined text-sm">call_split</span>
                     </button>
-                    <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('ray')" title="Ray">
-                        <span class="material-symbols-outlined text-sm">trending_flat</span>
-                    </button>
                     <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('horizontal_line')" title="Horizontal Line">
                         <span class="material-symbols-outlined text-sm">swap_horizontal_circle</span>
                     </button>
                     <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('vertical_line')" title="Vertical Line">
                         <span class="material-symbols-outlined text-sm">swap_vert</span>
                     </button>
-                    <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('fib_retracement')" title="Fibonacci Retracement">
-                        <span class="material-symbols-outlined text-sm">reorder</span>
-                    </button>
                     <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('rectangle')" title="Rectangle">
                         <span class="material-symbols-outlined text-sm">crop_square</span>
                     </button>
@@ -141,7 +131,7 @@
                     <button class="w-8 h-8 text-gray-400 hover:text-white hover:bg-[#2d3a4f] rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('measure')" title="Measure">
                         <span class="material-symbols-outlined text-sm">straighten</span>
                     </button>
-                    <div class="w-full h-[1px] bg-[#2d3a4f] my-0.5"></div>
+                    <div class="w-[1px] h-full bg-[#2d3a4f] mx-0.5"></div>
                     <button class="w-8 h-8 text-red-400 hover:text-red-300 hover:bg-red-900/20 rounded flex items-center justify-center transition-colors" onclick="window.activateDrawingTool('clear')" title="Clear All">
                         <span class="material-symbols-outlined text-sm">delete</span>
                     </button>