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>
This commit is contained in:
Smittix
2026-01-18 19:23:56 +00:00
parent 04d283d9d8
commit e0ff3a750e
+6 -4
View File
@@ -600,7 +600,9 @@ header h1 {
} }
.mode-nav-actions { .mode-nav-actions {
margin-left: auto; display: flex;
align-items: center;
gap: 16px;
} }
.nav-action-btn { .nav-action-btn {
@@ -741,8 +743,8 @@ header h1 {
.nav-utilities { .nav-utilities {
display: none; display: none;
align-items: center; align-items: center;
gap: 12px; gap: 16px;
margin-left: 16px; margin-left: auto;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -783,7 +785,7 @@ header h1 {
.nav-tools { .nav-tools {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 12px;
flex-shrink: 0; flex-shrink: 0;
} }