From feca205994a6d5def48233c115cd3d50f2568506 Mon Sep 17 00:00:00 2001
From: Monstorix <monstorix@outlook.com>
Date: Sat, 10 Aug 2024 21:47:55 +0800
Subject: [PATCH] Fix sidebar layouts and font fallbacks for CJK

---
 src/pages/options_src/App.svelte     | 2 +-
 src/pages/options_src/Sidebar.svelte | 3 ++-
 src/pages/popup_src/App.svelte       | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/options_src/App.svelte b/src/pages/options_src/App.svelte
index dfafe1f..b5a4485 100644
--- a/src/pages/options_src/App.svelte
+++ b/src/pages/options_src/App.svelte
@@ -110,7 +110,7 @@
     margin: 0;
     padding-top: 50px;
     justify-content: center;
-    font-family: "Inter";
+    font-family: "Inter", sans-serif;
     box-sizing: border-box;
     font-size: 16px;
     background-color: var(--bg-main);
diff --git a/src/pages/options_src/Sidebar.svelte b/src/pages/options_src/Sidebar.svelte
index 97780b1..5e2f493 100644
--- a/src/pages/options_src/Sidebar.svelte
+++ b/src/pages/options_src/Sidebar.svelte
@@ -14,7 +14,7 @@
   </a>
   <a href="#services" on:click={() => page.set("services")} style={$page == "services" && "color: var(--active);"}>
     <ServicesIcon class="margin margin_{document.body.dir}" />
-    {browser.i18n.getMessage("general") || "Services"}
+    {browser.i18n.getMessage("services") || "Services"}
   </a>
   <a href="https://libredirect.github.io" target="_blank" rel="noopener noreferrer">
     <AboutIcon class="margin margin_{document.body.dir}" />
@@ -37,6 +37,7 @@
     color: var(--text);
     transition: 0.1s;
     margin: 10px;
+    min-width: max-content;
   }
 
   a:hover {
diff --git a/src/pages/popup_src/App.svelte b/src/pages/popup_src/App.svelte
index df37d55..52aadc7 100644
--- a/src/pages/popup_src/App.svelte
+++ b/src/pages/popup_src/App.svelte
@@ -106,7 +106,7 @@
     margin: 0;
     padding: 10px;
     padding-top: 20px;
-    font-family: "Inter";
+    font-family: "Inter", sans-serif;
     font-size: 16px;
     background-color: var(--bg-main);
     color: var(--text);