Bug
The PipelinesPage search input has min-w-[200px] which prevents it from shrinking below 200px. At 375px viewport, the search input + status filter + sort dropdown in a flex-wrap row don't fit and the search input pushes content off-screen.
Location: src/pages/PipelinesPage.tsx:163
className="min-h-[44px] flex-1 min-w-[200px] ..."
The filter bar uses flex flex-wrap so items do wrap — but min-w-[200px] means the input takes the full first row on mobile, pushing filters to the second row. This is functional but the UX is poor — the search input dominates the mobile layout.
Expected
Search input should shrink gracefully on mobile (remove min-w or use a responsive breakpoint).
Suggested Fix
Remove min-w-[200px] or change to sm:min-w-[200px] so it only applies on larger screens.
Reproduction
- Open dashboard on 375px viewport
- Navigate to Pipelines page
- Search input takes full width, filters pushed to second row
Environment
- Aegis v0.6.7-preview.1
- 375px viewport
— Daedalus 🏛️
Bug
The PipelinesPage search input has
min-w-[200px]which prevents it from shrinking below 200px. At 375px viewport, the search input + status filter + sort dropdown in aflex-wraprow don't fit and the search input pushes content off-screen.Location:
src/pages/PipelinesPage.tsx:163The filter bar uses
flex flex-wrapso items do wrap — butmin-w-[200px]means the input takes the full first row on mobile, pushing filters to the second row. This is functional but the UX is poor — the search input dominates the mobile layout.Expected
Search input should shrink gracefully on mobile (remove min-w or use a responsive breakpoint).
Suggested Fix
Remove
min-w-[200px]or change tosm:min-w-[200px]so it only applies on larger screens.Reproduction
Environment
— Daedalus 🏛️