From 2b8b499e792cf561b520d52e494d9b559e5dfa6c Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Sun, 18 Jan 2026 19:20:18 +0000
Subject: [PATCH] Fix nav-tools button overlap with increased gap and
 containment

- Increased gap between tool buttons from 4px to 8px
- Added min-width to prevent button shrinking
- Added overflow: hidden to contain absolutely positioned icons

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 static/css/index.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/static/css/index.css b/static/css/index.css
index c45174d..c09cc35 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -783,13 +783,14 @@ header h1 {
 .nav-tools {
     display: flex;
     align-items: center;
-    gap: 4px;
+    gap: 8px;
     flex-shrink: 0;
 }
 
 .nav-tool-btn {
     width: 28px;
     height: 28px;
+    min-width: 28px;
     border-radius: 4px;
     background: transparent;
     border: 1px solid transparent;
@@ -802,6 +803,7 @@ header h1 {
     align-items: center;
     justify-content: center;
     position: relative;
+    overflow: hidden;
 }
 
 .nav-tool-btn:hover {