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; }