From e545e11f9af035904e675b1ae70148ca099087a2 Mon Sep 17 00:00:00 2001
From: Aran Roig <aranseraroig@gmail.com>
Date: Sun, 14 Jun 2026 20:45:02 +0200
Subject: [PATCH] Small fixes

---
 .../parts/site_options/LanguageSelector.vue   | 19 ++++++------------
 .../parts/site_options/ThemeSelector.vue      | 20 -------------------
 2 files changed, 6 insertions(+), 33 deletions(-)

diff --git a/frontend/app/components/parts/site_options/LanguageSelector.vue b/frontend/app/components/parts/site_options/LanguageSelector.vue
index 41cad23..e39d0d3 100644
--- a/frontend/app/components/parts/site_options/LanguageSelector.vue
+++ b/frontend/app/components/parts/site_options/LanguageSelector.vue
@@ -61,6 +61,10 @@ const localeIcon = (code) => {
 </template>
 
 <style lang="scss" scoped>
+.menu-container {
+  position: relative;
+}
+
 .menu-button {
   background: var(--color-background-fore);
   color: var(--color-text);
@@ -88,8 +92,7 @@ border: 1px solid var(--color-border-color);
   z-index: 10;
   position: absolute;
   top: 50px;
-  right: 0;
-  margin-right: 10px;
+  left: 0;
   max-width: calc(100vw - 32px);
   width: auto;
   min-width: 140px;
@@ -98,18 +101,8 @@ border: 1px solid var(--color-border-color);
     border-radius: 0;
     padding: 8px 0;
     box-shadow: 4px -4px 0px 0px rgba(0,0,0,0.3);
-    border-left: 2px solid var(--color-border-color);
-
-    &::before {
-      content: "▸";
-      display: block;
-      position: absolute;
-      left: -16px;
-      top: -2px;
-      font-size: 14px;
-      color: var(--color-border-color);
+   border-left: 2px solid var(--color-border-color);
     }
-}
 
 /* Items */
 .locale-icon {
diff --git a/frontend/app/components/parts/site_options/ThemeSelector.vue b/frontend/app/components/parts/site_options/ThemeSelector.vue
index 9d1cbb9..4b3c7ae 100644
--- a/frontend/app/components/parts/site_options/ThemeSelector.vue
+++ b/frontend/app/components/parts/site_options/ThemeSelector.vue
@@ -108,29 +108,9 @@ onUnmounted(() => {
 
     &.dark {
         background-color: rgb(28, 28, 28);
-        position: relative;
-        
-        &::after {
-            content: "◆";
-            color: white;
-            font-size: 6px;
-            position: absolute;
-            top: -1px;
-            left: 1px;
-        }
     }
     &.light {
         background-color: rgb(232, 232, 232);
-        position: relative;
-        
-        &::after {
-            content: "◆";
-            color: #666;
-            font-size: 6px;
-            position: absolute;
-            top: -1px;
-            left: 1px;
-        }
     }
     &.katlum {
         background-color: #4f8fba;