From 69d9dcad79a2536252c05fc8823290b12d966954 Mon Sep 17 00:00:00 2001
From: juanatsap <juanatsap@gmail.com>
Date: Sun, 9 Nov 2025 15:06:38 +0000
Subject: [PATCH] Move language switcher next to site title

- Repositioned language selector from center controls to left side after title
- Updated CSS: reduced padding-left from 3rem to 1rem for better spacing
- Center section now contains only: Length, Logos, and View toggles
- Left section now has: Logo icon + Menu + Title + Language switcher
---
 static/css/main.css  | 4 ++--
 templates/index.html | 9 +++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 16150d6..14d6709 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -293,8 +293,8 @@ iconify-icon {
     display: inline-flex;
     gap: 0;
     padding: 0;
-    padding-left: 3rem; /* Add left space to prevent overlap with site title */
-    margin-right: 2rem; /* Add space to prevent overlap with Length toggle */
+    padding-left: 1rem; /* Space after the title */
+    margin-right: 0;
     background: transparent;
     border-radius: 0;
     height: 100%;
diff --git a/templates/index.html b/templates/index.html
index d6edb31..92e8534 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -111,11 +111,8 @@
                 <a href="/?lang={{.Lang}}" class="site-title-link">
                     <span class="site-title-text">CV JAMR - {{.CurrentYear}}</span>
                 </a>
-            </div>
 
-            <!-- Center: Language selector + View controls with labels -->
-            <div class="view-controls-center">
-                <!-- Language selector (centered) -->
+                <!-- Language selector (next to title) -->
                 <div class="language-selector">
                     <button class="selector-btn {{if eq .Lang "en"}}active{{end}}" data-short="EN" onclick="selectLanguage('en')" aria-label="English">
                         English
@@ -124,6 +121,10 @@
                         Español
                     </button>
                 </div>
+            </div>
+
+            <!-- Center: View controls with labels -->
+            <div class="view-controls-center">
                 <!-- CV Length toggle -->
                 <div class="selector-group">
                     <label class="selector-label">{{if eq .Lang "es"}}Longitud{{else}}Length{{end}}:</label>