From ad3703ab73e540fae7a541f89f79ab22f87c6954 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Sun, 14 Jul 2024 20:52:22 +0600
Subject: [PATCH] web/settings: fix header on mobile at certain scales

---
 web/src/components/settings/SettingsNavTab.svelte | 2 +-
 web/src/routes/settings/+layout.svelte            | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/src/components/settings/SettingsNavTab.svelte b/web/src/components/settings/SettingsNavTab.svelte
index be8dc482..70838c8b 100644
--- a/web/src/components/settings/SettingsNavTab.svelte
+++ b/web/src/components/settings/SettingsNavTab.svelte
@@ -17,7 +17,7 @@
     href="/settings/{tabLink}"
     class:active={isActive}
     role="button"
->   
+>
     <div class="settings-tab-left">
         <div class="tab-icon" style="background: var(--{iconColor})">
             <slot></slot>
diff --git a/web/src/routes/settings/+layout.svelte b/web/src/routes/settings/+layout.svelte
index 67e0a611..6de86016 100644
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -46,8 +46,8 @@
 <svelte:window bind:innerWidth={screenWidth} />
 
 <div id="settings-page">
-    <div id="settings-sidebar">
-        <div id="settings-header" class:back-visible={!isHome && isMobile}>
+    <div id="settings-sidebar" class:back-visible={!isHome && isMobile}>
+        <div id="settings-header">
             {#if isMobile}
                 {#if !isHome}
                     <a
@@ -165,6 +165,10 @@
         padding-top: var(--settings-padding);
     }
 
+    #settings-sidebar.back-visible {
+        overflow: visible;
+    }
+
     #settings-sidebar {
         gap: 24px;
     }