Date: 2026-05-19
Viewport: 375x812 (mobile, 2x DPR, isMobile)
Pages: Dashboard (/), Board (/board), Insights (/insights)
Method: Playwright headless full-page captures + self-review + Google Gemini 2.5 Pro vision second opinion. Review only — no code changed.
Screenshots:
- Dashboard: /tmp/mux-gemini-dashboard-full.png, /tmp/mux-gemini-dashboard-fold.png
- Board: /tmp/mux-gemini-board-full.png, /tmp/mux-gemini-board-fold.png
- Insights: /tmp/mux-gemini-insights-full.png, /tmp/mux-gemini-insights-fold.png
Measured overflow: Dashboard OK (375=375), Board OK (375=375), Insights BROKEN (scrollWidth 441 > 375).
| Severity | Count |
|---|---|
| Blocker | 2 |
| Major | 7 |
| Minor | 6 |
| Polish | 2 |
| Total | 17 |
/)Ref: /tmp/mux-gemini-dashboard-full.png, /tmp/mux-gemini-dashboard-fold.png
Bug report, Research, Refactor chips run under the FAB and right edge — last chip clipped (/tmp/mux-gemini-dashboard-fold.png). Hurts: a primary entry action is partially hidden and partly un-tappable. Fix: wrap chips to their own row above the FAB, or make the QUICK START row a horizontally scrollable strip with visible padding clear of the FAB./tmp/mux-gemini-dashboard-full.png). Buttons (Open console, Refresh, Start, Save) render well under 44px height. Hurts: high mis-tap rate on core actions. Fix: min 44px height + padding; stack vertically on mobile.0.01s, just now, gemini). Grey-on-dark-grey fails WCAG AA. Hurts: eye strain, metadata unreadable. Fix: base list font >=14px; lighten secondary grey to meet AA contrast.+ FAB sits over the New Session / quick-start area (/tmp/mux-gemini-dashboard-fold.png). Hurts: covers tappable content. Fix: add bottom padding to scroll content equal to FAB height + margin so nothing sits under it./ OPEN TICKETS) are small caps, low contrast. Hurts: squint to read. Fix: increase label font size; lift label contrast.2026-05-19 02:07:05 SAST share the top row tightly (/tmp/mux-gemini-dashboard-fold.png). Fix: drop timestamp to its own line or shorten format on mobile.Positives: No horizontal overflow. Bottom nav (Overview/Board/Workbench/Tasks/Apps/Open) has good-sized tap targets and is thumb-reachable.
/board)Ref: /tmp/mux-gemini-board-full.png, /tmp/mux-gemini-board-fold.png
/tmp/mux-gemini-board-fold.png). Hurts: near-impossible to hit the intended icon — accidental ticket completion is destructive. Fix: 44x44px tap target per icon, clear gap between them; consider swipe actions or an overflow menu.New Session, Bug report, Research, Refactor, Assign Luci, High priority, Runtime Workbench, Run MC Review plus the Focus / In Progress / Needs Input tabs all render under 44px height (/tmp/mux-gemini-board-fold.png). Hurts: dense cluster of small targets, frequent mis-taps. Fix: min 44px height; segmented control for the status tabs; wrap action buttons with adequate spacing.inbox, Life, 3h ago, PK-3682) is tiny and dense. Hurts: low scannability of the board. Fix: bump metadata font size; use icons (clock for time) for separation.+ FAB sits mid-right rather than bottom-right (/tmp/mux-gemini-board-fold.png). Hurts: awkward stretch for a primary action. Fix: anchor FAB bottom-right within thumb arc, clear of the bottom nav.Search ticket input + sort field cramped. Search box and adjacent controls are short. Fix: full-width search, min 44px height.Positives: No horizontal overflow. Cards stack cleanly in a single column; titles wrap to 2 lines.
/insights)Ref: /tmp/mux-gemini-insights-full.png, /tmp/mux-gemini-insights-fold.png
/tmp/mux-gemini-insights-full.png). Hurts: whole page scrolls sideways, content hidden off-screen, sticky elements drift. Fix: on the log containers apply overflow-wrap:break-word; white-space:pre-wrap; (or overflow-x:auto scoped to just that block so the page itself stays at 375)./tmp/mux-gemini-insights-full.png, visible in /tmp/mux-gemini-insights-fold.png). On 375px the columns squish. Hurts: data hard to read/compare. Fix: convert each row to a stacked card with label:value pairs on mobile (<768px).AVG (MIN), TOP PROJECT) and cells small. Hurts: requires zoom. Fix: solved by the card-based responsive table; ensure content font >=14px.Today / 7 days / 30 days segmented row is short, under 44px height (/tmp/mux-gemini-insights-fold.png). Hurts: hard to tap. Fix: increase height/padding; proper segmented control.Positives: Top stat cards (TICKETS DONE / TASKS OK / TASKS FAILED / SKILLS USED / SKILLS INSTALLED) are large, high-contrast and very legible on mobile — the strongest mobile layout of the three pages.
overflow-wrap:break-word + white-space:pre-wrap on the log blocks.Generated by the Gemini review track. Self-review (Playwright captures) merged with Google Gemini 2.5 Pro vision second opinion. No code modified.