From 3f698209117c62551afcddcba2cce3d471f59959 Mon Sep 17 00:00:00 2001
From: Hermes Agent <hermes@nousresearch.com>
Date: Thu, 28 May 2026 23:58:10 +0200
Subject: [PATCH] Move Reset button to bottom of sidebar

---
 frontend/src/pages/Library.svelte | 33 ++++++++++++++-----------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/frontend/src/pages/Library.svelte b/frontend/src/pages/Library.svelte
index 372232b..6b58cce 100644
--- a/frontend/src/pages/Library.svelte
+++ b/frontend/src/pages/Library.svelte
@@ -205,11 +205,6 @@
 <div class="library-layout">
   <!-- ─── Filter Sidebar ─────────────────────────── -->
   <aside class="sidebar" class:sidebar-active={hasActiveFilters()}>
-    <div class="sidebar-header">
-      {#if hasActiveFilters()}
-        <button class="btn btn-sm btn-reset" onclick={resetFilters}>✕ Reset</button>
-      {/if}
-    </div>
 
     <!-- Search box -->
     <div class="sidebar-search">
@@ -270,6 +265,12 @@
         {/if}
       {/if}
     </div>
+
+    {#if hasActiveFilters()}
+      <div class="sidebar-reset">
+        <button class="btn btn-sm btn-reset" onclick={resetFilters}>✕ Reset</button>
+      </div>
+    {/if}
   </aside>
 
   <!-- ─── Main Content ──────────────────────────── -->
@@ -461,25 +462,21 @@
       max-height: none;
     }
   }
-  .sidebar-header {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    margin-bottom: 12px;
-  }
-  .sidebar-header h2 {
-    color: var(--phosphor);
-    font-family: var(--font-mono);
-    font-size: 0.9rem;
-    text-transform: uppercase;
-    letter-spacing: 0.05em;
-  }
   .sidebar-search {
     margin-bottom: 16px;
   }
   .sidebar-search input {
     width: 100%;
   }
+  .sidebar-reset {
+    margin-top: 20px;
+    padding-top: 16px;
+    border-top: 1px solid var(--border);
+  }
+  .sidebar-reset .btn-reset {
+    width: 100%;
+    justify-content: center;
+  }
   .filter-group {
     margin-bottom: 20px;
   }