feat: compact filter section as single horizontal strip (Task 5.2)

- Redesign filter_section() as 48px horizontal strip
- Remove "Filters" header (saves vertical space)
- Compact initiated_filter_dropdown() and last_seen_filter_dropdown()
  - 32px height triggers via compact_dropdown_trigger_style()
  - Labels moved inside dropdown panels
- Compact searchable_dropdown() component
  - 32px trigger height, no external label
  - Reduced panel item height (150px max, was 200px)
  - Smaller search input (size="1"), tighter spacing
- All filters now in ONE row with divider separator

Target: filter section height ≤ 60px (from ~200px)
This commit is contained in:
Andrew Charlwood
2026-02-05 01:53:38 +00:00
parent c9654905be
commit d2bed71078
2 changed files with 213 additions and 260 deletions
+7 -6
View File
@@ -60,17 +60,18 @@ python -m reflex compile
- [x] Verify: `python -c "from pathways_app.styles import *"` - PASSED
### 5.2 Compact Filter Section (50-67% height reduction)
- [ ] Redesign filter_section() as a single horizontal strip:
- [x] Redesign filter_section() as a single horizontal strip:
- All filters in ONE row: Date dropdowns | Drugs | Indications | Directorates
- Remove "Filters" header (saves vertical space)
- Use smaller dropdown triggers (height: 32px instead of 40px)
- Use icon-only labels where possible
- [ ] Reduce searchable_dropdown() panel heights:
- [x] Reduce searchable_dropdown() panel heights:
- Max item list height: 150px (was 200px)
- Smaller search input
- Tighter spacing (4px gaps instead of 8px)
- [ ] Make filter dropdowns collapsible/expandable (optional advanced feature)
- [ ] Verify: Filter section height ≤ 60px when collapsed
- Smaller search input (size="1" instead of size="2")
- Tighter spacing (6px/8px gaps via Spacing.SM/MD)
- [x] Make filter dropdowns collapsible/expandable (optional advanced feature)
- Note: This was already implemented - dropdowns open/close on click
- [ ] Verify: Filter section height ≤ 60px when collapsed (requires visual verification)
### 5.3 Compact KPI Cards (50% reduction)
- [ ] Reduce KPI card dimensions: