From e353f0e2d6959a2b162c47f27924e8ced21fe9f8 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 21:19:16 +0200
Subject: [PATCH] style: refine bookmark filter buttons

- Make buttons smaller (32px) and more compact
- Remove borders for cleaner look
- Active state uses primary color without background
- Match icon styling used on bookmark cards
---
 src/styles/layout/sidebar.css | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/styles/layout/sidebar.css b/src/styles/layout/sidebar.css
index 0014d99d..192c4eb5 100644
--- a/src/styles/layout/sidebar.css
+++ b/src/styles/layout/sidebar.css
@@ -180,7 +180,7 @@
 .bookmark-filters {
   display: flex;
   gap: 0.5rem;
-  padding: 0.75rem 1rem;
+  padding: 0.5rem 1rem;
   border-bottom: 1px solid var(--color-border);
   background: var(--color-bg);
 }
@@ -188,30 +188,26 @@
 .bookmark-filters .filter-btn {
   background: transparent;
   color: var(--color-text-secondary);
-  border: 1px solid var(--color-border-subtle);
-  padding: 0.5rem 0.75rem;
-  border-radius: 6px;
+  border: none;
+  padding: 0.375rem;
+  border-radius: 4px;
   cursor: pointer;
-  transition: all 0.2s ease;
+  transition: all 0.15s ease;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 1rem;
+  font-size: 0.875rem;
+  min-width: 32px;
+  min-height: 32px;
 }
 
 .bookmark-filters .filter-btn:hover {
-  background: var(--color-bg-elevated);
   color: var(--color-text);
-  border-color: var(--color-border);
+  background: var(--color-bg-elevated);
 }
 
 .bookmark-filters .filter-btn.active {
-  background: var(--color-primary);
-  color: white;
-  border-color: var(--color-primary);
-}
-
-.bookmark-filters .filter-btn:active {
-  transform: translateY(1px);
+  color: var(--color-primary);
+  background: transparent;
 }