Sprint 7.5 — Mobile-Responsive Clinic View

[Taleef7]

Goal

Make Cases workflow usable on tablets/phones for field clinicians.

Desired behavior

• Cases list <768px: card layout (name, measure, status, chevron)
• Case detail: full-width stacked / accordion sections
• Sidebar collapses to bottom tab bar on mobile (Programs, Cases, Runs, Admin)
• Studio on mobile shows "requires larger screen" notice
• Nav: WorkWell logo + hamburger only

Files

• frontend/app/(dashboard)/layout.tsx
• frontend/app/(dashboard)/cases/page.tsx
• frontend/app/(dashboard)/cases/[id]/page.tsx
• frontend/app/(dashboard)/studio/[id]/page.tsx

Acceptance criteria

• <768px hides sidebar, shows bottom tab bar
• Cases list shows cards instead of table on mobile
• Studio shows "requires larger screen" notice on mobile
• Case detail readable on 375px width
• No horizontal scroll on mobile (except Studio notice)

Spec: docs/sprints/SPRINT_07_overdelivery_features.md §7.5

[Taleef7]

Completed via merged PR #53. Mobile-responsive dashboard/cases/case-detail/studio behavior shipped with build + lint verification and journal/readme updates.