Mobile UX: Resources page filter row overflows horizontally on small screens #105
Description
Problem
The Resources page renders a search input and two filter dropdowns in a single d-flex gap-2 row with no flex-wrap. Each select has style="max-width: 180px;".
On iPhone 11 (375pt width), the two selects alone (180px each = 360px) exceed the available width before accounting for the search input and gap spacing. This causes horizontal overflow or content clipping.
Affected Page(s)
/resources
Suggested Fix
Add flex-wrap and make search input full-width on mobile, or collapse filters into a single filter button on mobile.
File: src/SentenceStudio.UI/Pages/Resources.razor lines 24-46
Priority
MEDIUM