From ebcc101168fbeb24df15aead8d34ef9934a73b7a Mon Sep 17 00:00:00 2001
From: Xpirix <xpirixii@gmail.com>
Date: Mon, 16 Mar 2026 20:16:00 +0300
Subject: [PATCH] style: update bottom bar component to improve style
 interaction

---
 frontend/src/app/page.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/page.tsx b/frontend/src/app/page.tsx
index 610d455..78df855 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@@ -388,8 +388,7 @@ export default function Dashboard() {
             <LocateBar onLocate={(lat, lng) => setFlyToLocation({ lat, lng, ts: Date.now() })} />
 
             <div
-              className="bg-[var(--bg-primary)]/60 backdrop-blur-md border border-[var(--border-primary)] rounded-xl px-6 py-2.5 flex items-center gap-6 shadow-[0_4px_30px_rgba(0,0,0,0.2)] border-b-2 border-b-cyan-900 cursor-pointer"
-              onClick={cycleStyle}
+              className="bg-[var(--bg-primary)]/60 backdrop-blur-md border border-[var(--border-primary)] rounded-xl px-6 py-2.5 flex items-center gap-6 shadow-[0_4px_30px_rgba(0,0,0,0.2)] border-b-2 border-b-cyan-900"
             >
               {/* Coordinates */}
               <div className="flex flex-col items-center min-w-[120px]">
@@ -414,7 +413,7 @@ export default function Dashboard() {
               <div className="w-px h-8 bg-[var(--border-primary)]" />
 
               {/* Style preset (compact) */}
-              <div className="flex flex-col items-center">
+              <div className="flex flex-col items-center cursor-pointer" onClick={cycleStyle}>
                 <div className="text-[8px] text-[var(--text-muted)] font-mono tracking-[0.2em]">STYLE</div>
                 <div className="text-[11px] text-cyan-400 font-mono font-bold">{activeStyle}</div>
               </div>