From 635c58736c7e2f9f8eac4089a1075b6334340998 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Wed, 26 Mar 2025 15:50:32 +0100
Subject: [PATCH] Fixed lang button alignment

---
 src/components/maps/overlay/LangSwitcher.vue     |  2 +-
 .../maps/overlay/LangSwitcherButton.vue          | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/maps/overlay/LangSwitcher.vue b/src/components/maps/overlay/LangSwitcher.vue
index 2eae4cff..5a686aee 100644
--- a/src/components/maps/overlay/LangSwitcher.vue
+++ b/src/components/maps/overlay/LangSwitcher.vue
@@ -37,7 +37,7 @@ watch([wrapperHovered, buttonFocused], (value) => {
 
 <template>
     <div ref="wrapper" class="wrapper appear-from-top">
-        <PopoverRoot :open="isMenuOpen" @update:open="() => menuModel = true">
+        <PopoverRoot :open="!isMenuOpen" @update:open="() => menuModel = true">
             <PopoverTrigger as-child>
                 <button ref="buttonRef" class="btn-round" :class="{ 'active': isMenuOpen }">
                     <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#000000" viewBox="0 0 256 256"><path d="M247.15,212.42l-56-112a8,8,0,0,0-14.31,0l-21.71,43.43A88,88,0,0,1,108,126.93,103.65,103.65,0,0,0,135.69,64H160a8,8,0,0,0,0-16H104V32a8,8,0,0,0-16,0V48H32a8,8,0,0,0,0,16h87.63A87.76,87.76,0,0,1,96,116.35a87.74,87.74,0,0,1-19-31,8,8,0,1,0-15.08,5.34A103.63,103.63,0,0,0,84,127a87.55,87.55,0,0,1-52,17,8,8,0,0,0,0,16,103.46,103.46,0,0,0,64-22.08,104.18,104.18,0,0,0,51.44,21.31l-26.6,53.19a8,8,0,0,0,14.31,7.16L148.94,192h70.11l13.79,27.58A8,8,0,0,0,240,224a8,8,0,0,0,7.15-11.58ZM156.94,176,184,121.89,211.05,176Z"></path></svg>
diff --git a/src/components/maps/overlay/LangSwitcherButton.vue b/src/components/maps/overlay/LangSwitcherButton.vue
index 93893938..36286f95 100644
--- a/src/components/maps/overlay/LangSwitcherButton.vue
+++ b/src/components/maps/overlay/LangSwitcherButton.vue
@@ -42,24 +42,26 @@ a {
     color: inherit;
     line-height: 1;
     min-width: 14ch;
+    font-size: .9em;
 
     &:hover,
     &:focus-visible {
         background-color: var(--slate-200);
     }
 
-    small {
-        font-size: .9em;
+    &[aria-current="page"] {
+        pointer-events: none;
+        cursor: default;
+    }
+
+    .flag {
+        display: grid;
+        place-items: center;
     }
 
     .valid {
         fill: var(--green-500);
         color: var(--green-500);
     }
-
-    &[aria-current="page"] {
-        pointer-events: none;
-        cursor: default;
-    }
 }
 </style>