From 3c83d66bf5183c586a51842132f2b45992d40f35 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 28 Mar 2023 19:58:25 +0200
Subject: [PATCH] fix: add colored background to language switcher for better
 visibility

---
 src/components/LanguageButton.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/LanguageButton.vue b/src/components/LanguageButton.vue
index 698c66f..6efe436 100644
--- a/src/components/LanguageButton.vue
+++ b/src/components/LanguageButton.vue
@@ -7,14 +7,19 @@
 <style lang="scss">
 .lang-button {
   position: fixed;
-  inset: 1rem 1rem auto auto;
-  display: block;
-  max-height: 2.5rem;
-  min-width: 3.5rem;
+  inset: 0.25rem 0.5rem auto auto;
+  min-width: 3rem;
   z-index: 9001;
-  color: var(--color-text);
   cursor: pointer;
 
+  &:before {
+    position: absolute;
+    inset: 0.325rem 0 0.7rem 0;
+    content: "";
+    background-color: var(--color-background);
+    border-radius: 0.3rem;
+  }
+
   svg {
     fill: var(--color-text);
   }