From c7b393901f4e1de890bde277b25cf0aaf9a4c427 Mon Sep 17 00:00:00 2001
From: npeter83 <npeter83+claude@gmail.com>
Date: Fri, 21 Aug 2026 19:53:14 +0200
Subject: [PATCH] style(type): correct the trigger text from 16px back to the
 view-switcher's real 14px

The earlier bump measured the view-switcher's BUTTON (16px, inherited) instead of its visible
label span (text-sm = 14px), and 14px is the size the user actually finds comfortable. Walk the
over-sized triggers back to text-sm: FilterSelect, SortControl, ViewSwitcher, and the Combobox
input (which was 14px before the bump anyway). The secondary text already at text-sm/text-xs
(count, chips, widget headers, section labels) was correct and stays.
---
 frontend/src/components/Combobox.tsx     | 2 +-
 frontend/src/components/FilterSelect.tsx | 2 +-
 frontend/src/components/SortControl.tsx  | 2 +-
 frontend/src/components/ViewSwitcher.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Combobox.tsx b/frontend/src/components/Combobox.tsx
index be9df823..fe459da5 100644
--- a/frontend/src/components/Combobox.tsx
+++ b/frontend/src/components/Combobox.tsx
@@ -197,7 +197,7 @@ export default function Combobox({
               ? (placeholder ?? t("common.search", { defaultValue: "Search" }))
               : ""
           }
-          className="min-w-16 flex-1 bg-transparent px-1 py-0.5 text-base outline-hidden placeholder:text-muted/60"
+          className="min-w-16 flex-1 bg-transparent px-1 py-0.5 text-sm outline-hidden placeholder:text-muted/60"
         />
         <ChevronDown className="pointer-events-none mr-0.5 h-3.5 w-3.5 shrink-0 text-muted" />
       </div>
diff --git a/frontend/src/components/FilterSelect.tsx b/frontend/src/components/FilterSelect.tsx
index 6ec5be4d..05b5b619 100644
--- a/frontend/src/components/FilterSelect.tsx
+++ b/frontend/src/components/FilterSelect.tsx
@@ -82,7 +82,7 @@ export default function FilterSelect({
         {...pop.getReferenceProps()}
         data-testid={testId}
         aria-label={label}
-        className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
+        className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
           open ? "border-accent" : "border-border"
         }`}
       >
diff --git a/frontend/src/components/SortControl.tsx b/frontend/src/components/SortControl.tsx
index 4e37c4ef..671f6d70 100644
--- a/frontend/src/components/SortControl.tsx
+++ b/frontend/src/components/SortControl.tsx
@@ -68,7 +68,7 @@ export default function SortControl({
         ref={pop.refs.setReference}
         {...pop.getReferenceProps()}
         aria-label={label}
-        className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
+        className={`glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
           open ? "border-accent" : "border-border"
         }`}
       >
diff --git a/frontend/src/components/ViewSwitcher.tsx b/frontend/src/components/ViewSwitcher.tsx
index 78684694..836ae7cc 100644
--- a/frontend/src/components/ViewSwitcher.tsx
+++ b/frontend/src/components/ViewSwitcher.tsx
@@ -65,7 +65,7 @@ export default function ViewSwitcher<T extends string>({
         // nicety for wide windows, not the accessible name.
         aria-label={`${label}: ${current.label}`}
         title={`${label}: ${current.label}`}
-        className={`shrink-0 glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-base transition ${
+        className={`shrink-0 glass-card glass-hover inline-flex items-center gap-1.5 rounded-full border px-3 py-1 text-sm transition ${
           open ? "border-accent" : "border-border"
         }`}
       >