From 11402211c63202f597175afa694f54ff293edc15 Mon Sep 17 00:00:00 2001
From: MoritzWeber0 <kontakt@moritz-weber.net>
Date: Sun, 24 Aug 2025 21:36:01 +0200
Subject: [PATCH] feat: Show local language name in language switcher

---
 assets/sass/footer.scss      | 8 +++-----
 hugo.yaml                    | 4 ++--
 layouts/partials/footer.html | 7 ++++---
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/assets/sass/footer.scss b/assets/sass/footer.scss
index ee2c74f4..a0c5c057 100644
--- a/assets/sass/footer.scss
+++ b/assets/sass/footer.scss
@@ -48,10 +48,8 @@
     display: flex;
     font-weight: 500;
     padding: 1rem 1rem 1rem 0;
-}
-
-.o-language-switcher__current {
-    margin-right: 0.5rem;
+    gap: 0.5rem;
+    align-items: center;
 }
 
 .o-language-switcher__icon {
@@ -88,7 +86,7 @@
 }
 
 .o-language-switcher__item {
-    margin: 1.6rem;
+    margin: 1.6rem 3rem;
 }
 
 .o-language-switcher__link {
diff --git a/hugo.yaml b/hugo.yaml
index 35df75f2..fdff4994 100644
--- a/hugo.yaml
+++ b/hugo.yaml
@@ -12,12 +12,12 @@ languages:
     weight: 1
     title: 'FIP Guide – Fast. Clear. Community-based.'
   de:
-    languageName: "German"
+    languageName: "Deutsch"
     languageCode: de
     weight: 2
     title: 'FIP Guide – Schnell. Übersichtlich. Community-basiert.'
   fr:
-    languageName: "French"
+    languageName: "Français"
     languageCode: fr
     weight: 3
     title: 'FIP Guide – Rapide. Clair. Basé sur le partage.'
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index f34eaccb..8733cbd0 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -26,10 +26,11 @@
               aria-controls="language-dropdown"
               title="{{ T "language-switcher.aria-label" }}"
               aria-label='{{ T "language-switcher.aria-label" }}'>
-        <span class="o-language-switcher__current">{{ $.Site.Language.LanguageName }}</span>
-        <span class="o-language-switcher__icon">
+        {{ partial "icon" "translate" }}
+        <div>{{ $.Site.Language.LanguageName }}</div>
+        <div class="o-language-switcher__icon">
           {{ partial "icon" "keyboard_arrow_down" }}
-        </span>
+        </div>
       </button>
       <ul class="o-language-switcher__dropdown"
           role="listbox"