From 3c55ecb5f9a1713d64641028c33f140a78d3b030 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Fri, 7 Nov 2025 20:14:45 +0000
Subject: [PATCH] fix: move hamburger menu after CV icon and change section
 icons to dark gray
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

**Position Fix:**
- Moved hamburger button to appear after the CV icon instead of before
- Order is now: CV icon → Hamburger → Title → Language selector
- Updated margin to 0 0.5rem for proper spacing between elements

**Icon Color Fix:**
- Changed section title icons from blue (--accent-blue) to dark gray (--text-gray)
- Maintains consistency with overall design
- Menu item icons still use gray by default, blue on hover
---
 static/css/main.css  | 4 ++--
 templates/index.html | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index d765573..80c4d04 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1540,7 +1540,7 @@ a:focus {
     justify-content: center;
     transition: background-color 0.2s ease;
     border-radius: 4px;
-    margin-right: 0.5rem;
+    margin: 0 0.5rem;
 }
 
 .hamburger-btn:hover {
@@ -1608,7 +1608,7 @@ a:focus {
 .section-icon {
     vertical-align: middle;
     margin-right: 0.5rem;
-    color: var(--accent-blue);
+    color: var(--text-gray);
 }
 
 /* Smooth scrolling */
diff --git a/templates/index.html b/templates/index.html
index 58a8fe7..65cbdb7 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -97,14 +97,15 @@
     <!-- Single Black Bar with Everything -->
     <div class="action-bar no-print" role="navigation" aria-label="Language and export controls">
         <div class="action-bar-content">
-            <!-- Left: Hamburger Menu + Site Title and Language -->
+            <!-- Left: Site Title + Hamburger Menu + Language -->
             <div class="site-title">
+                <iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
+
                 <!-- Hamburger Menu Button -->
                 <button class="hamburger-btn" onclick="toggleMenu()" aria-label="Toggle navigation menu">
                     <iconify-icon icon="mdi:menu" width="24" height="24"></iconify-icon>
                 </button>
 
-                <iconify-icon icon="mdi:file-account" width="24" height="24" class="site-icon"></iconify-icon>
                 <span class="site-title-text">CV JAMR - {{.CurrentYear}}</span>
 
                 <!-- Language selector (after title) -->