From f7c5aebf29df44e1f764f4aad98f2f821b34eb61 Mon Sep 17 00:00:00 2001
From: Youwes09 <yuvi.shen@outlook.com>
Date: Sun, 10 May 2026 02:50:48 -0500
Subject: [PATCH] Fix: PerformanceSettings RenderLimit CSS Revision (#63)

---
 src/features/settings/components/Settings.css        |  6 ++++++
 .../settings/sections/PerformanceSettings.svelte     | 12 +-----------
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/features/settings/components/Settings.css b/src/features/settings/components/Settings.css
index 171b0a2..b1ac984 100644
--- a/src/features/settings/components/Settings.css
+++ b/src/features/settings/components/Settings.css
@@ -318,6 +318,12 @@
   text-align: center;
 }
 
+.s-presets {
+  display: flex;
+  gap: var(--sp-2);
+  padding: var(--sp-3) var(--sp-4);
+}
+
 
 /* ── Select Dropdown ──────────────────────────────────────────────── */
 .s-select { position: relative; flex-shrink: 0; }
diff --git a/src/features/settings/sections/PerformanceSettings.svelte b/src/features/settings/sections/PerformanceSettings.svelte
index 48fd9e3..4d740e1 100644
--- a/src/features/settings/sections/PerformanceSettings.svelte
+++ b/src/features/settings/sections/PerformanceSettings.svelte
@@ -56,7 +56,7 @@
   <div class="s-section">
     <p class="s-section-title">Render Limit</p>
     <div class="s-section-body">
-      <div class="s-row">
+      <div class="s-slider-row">
         <div class="s-row-info">
           <span class="s-label">Items per page</span>
           <span class="s-desc">Lower = faster on large libraries</span>
@@ -95,16 +95,6 @@
     </div>
   </div>
 
-  <div class="s-section">
-    <p class="s-section-title">Interface</p>
-    <div class="s-section-body">
-      <label class="s-row">
-        <div class="s-row-info"><span class="s-label">Compact sidebar</span><span class="s-desc">Collapses the sidebar to icons only</span></div>
-        <button role="switch" aria-checked={store.settings.compactSidebar} aria-label="Compact sidebar" class="s-toggle" class:on={store.settings.compactSidebar} onclick={() => updateSettings({ compactSidebar: !store.settings.compactSidebar })}><span class="s-toggle-thumb"></span></button>
-      </label>
-    </div>
-  </div>
-
   <div class="s-section">
     <p class="s-section-title">Session Cache</p>
     <div class="s-section-body">