From 614ae79f8e47962788cf63d646bfa994123a4745 Mon Sep 17 00:00:00 2001
From: Hibryda <hibryda@protonmail.com>
Date: Tue, 17 Mar 2026 06:09:00 +0100
Subject: [PATCH] fix(settings): switch to horizontal tab bar layout (single
 column, full width content)

---
 src/lib/settings/SettingsPanel.svelte | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/lib/settings/SettingsPanel.svelte b/src/lib/settings/SettingsPanel.svelte
index 9fb3f14..b64a923 100644
--- a/src/lib/settings/SettingsPanel.svelte
+++ b/src/lib/settings/SettingsPanel.svelte
@@ -246,31 +246,30 @@
 
   .settings-body {
     display: flex;
+    flex-direction: column;
     flex: 1;
     overflow: hidden;
   }
   .settings-sidebar {
     display: flex;
-    flex-direction: column;
-    width: 10rem;
-    flex-shrink: 0;
-    padding: 0.5rem 0;
+    flex-wrap: wrap;
+    gap: 0.125rem;
+    padding: 0.375rem 0.5rem;
     background: var(--ctp-mantle);
-    border-right: 1px solid var(--ctp-surface0);
-    overflow-y: auto;
+    border-bottom: 1px solid var(--ctp-surface0);
+    flex-shrink: 0;
   }
   .sidebar-item {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
-    padding: 0.5rem 0.75rem;
+    gap: 0.25rem;
+    padding: 0.3125rem 0.5rem;
     background: none;
     border: none;
+    border-radius: 0.25rem;
     color: var(--ctp-subtext0);
     cursor: pointer;
-    font-size: 0.8125rem;
-    text-align: left;
-    border-left: 2px solid transparent;
+    font-size: 0.75rem;
     transition: background 0.1s, color 0.1s;
   }
   .sidebar-item:hover {
@@ -279,10 +278,9 @@
   }
   .sidebar-item.active {
     color: var(--ctp-blue);
-    border-left-color: var(--ctp-blue);
-    background: color-mix(in srgb, var(--ctp-blue) 8%, transparent);
+    background: color-mix(in srgb, var(--ctp-blue) 12%, transparent);
   }
-  .sidebar-icon { font-size: 1rem; }
+  .sidebar-icon { font-size: 0.875rem; }
   .sidebar-label { font-weight: 500; }
 
   .settings-content {