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
This commit is contained in:
juanatsap
2025-11-09 15:06:38 +00:00
parent b6dbd6af75
commit 69d9dcad79
2 changed files with 7 additions and 6 deletions
+2 -2
View File
@@ -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%;
+5 -4
View File
@@ -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>