Description
Currently, on mobile devices, the filter buttons in ProgramList.tsx ("Work Mode", "Compensation", "Eligibility") stack vertically and consume a massive amount of screen real estate. This pushes the actual program cards below the fold, leading to a poor user experience. Additionally, as the list of programs grows, mobile users have to scroll a long way back up to reach the search bar.
Acceptance Criteria
Description
Currently, on mobile devices, the filter buttons in
ProgramList.tsx("Work Mode", "Compensation", "Eligibility") stack vertically and consume a massive amount of screen real estate. This pushes the actual program cards below the fold, leading to a poor user experience. Additionally, as the list of programs grows, mobile users have to scroll a long way back up to reach the search bar.Acceptance Criteria
md:hidden), they should be contained within a Drawer or Accordion component fromshadcn/ui.0.