From b03c71eb147ca19aa5d9e0bc5a2cf096847e0ffc Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 5 Sep 2024 07:59:49 +0600
Subject: [PATCH] web/SidebarTab: add aria label for beta tabs & fix its
 position

---
 web/i18n/en/general.json                     | 3 ++-
 web/src/components/sidebar/SidebarTab.svelte | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/i18n/en/general.json b/web/i18n/en/general.json
index 5850e718..bb331515 100644
--- a/web/i18n/en/general.json
+++ b/web/i18n/en/general.json
@@ -1,4 +1,5 @@
 {
     "cobalt": "cobalt",
-    "meowbalt": "meowbalt"
+    "meowbalt": "meowbalt",
+    "beta": "beta"
 }
diff --git a/web/src/components/sidebar/SidebarTab.svelte b/web/src/components/sidebar/SidebarTab.svelte
index 89e11e5b..1e82f518 100644
--- a/web/src/components/sidebar/SidebarTab.svelte
+++ b/web/src/components/sidebar/SidebarTab.svelte
@@ -46,7 +46,7 @@
     aria-selected={isTabActive}
 >
     {#if beta}
-        <div class="beta-sign">β</div>
+        <div class="beta-sign" aria-label={$t("general.beta")}>β</div>
     {/if}
     <slot></slot>
     {$t(`tabs.${tabName}`)}
@@ -69,6 +69,7 @@
 
         text-decoration: none;
         text-decoration-line: none;
+        position: relative;
     }
 
     .sidebar-tab :global(svg) {