From f93877d7236f5487aa6c14b224b3c9a866b0ed84 Mon Sep 17 00:00:00 2001
From: Smittix <jamessmith1@outlook.com>
Date: Sun, 18 Jan 2026 19:23:56 +0000
Subject: [PATCH] Restructure nav layout to fix utilities overlap

- Remove margin-left: auto from mode-nav-actions
- Set nav-utilities to use margin-left: auto for right alignment
- Increase gaps: nav-utilities 16px, nav-tools 12px

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

diff --git a/static/css/index.css b/static/css/index.css
index c09cc35..15c647f 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -600,7 +600,9 @@ header h1 {
 }
 
 .mode-nav-actions {
-    margin-left: auto;
+    display: flex;
+    align-items: center;
+    gap: 16px;
 }
 
 .nav-action-btn {
@@ -741,8 +743,8 @@ header h1 {
 .nav-utilities {
     display: none;
     align-items: center;
-    gap: 12px;
-    margin-left: 16px;
+    gap: 16px;
+    margin-left: auto;
     flex-shrink: 0;
 }
 
@@ -783,7 +785,7 @@ header h1 {
 .nav-tools {
     display: flex;
     align-items: center;
-    gap: 8px;
+    gap: 12px;
     flex-shrink: 0;
 }