Skip to content

web: convert Daily entry to MUI — field-first phone #830

Closed

Description

@mforce

Part of #674. Direction B's whole point: the hen-house phone is primary.

One task per screen, glove-sized targets; desktop is the same parts wider.

This is the screen a worker uses standing in a shed, so it is the one where MUI's touch targets,
focus handling and form controls have to earn their place. Convert after the Dashboard slice on this
epic so the layout conventions are already settled.

Before/after screenshots at 1280 and 390, per the epic's capture rules.

Note the interaction with #740 — the phone action bar cannot hold its own button labels at 390px,
because .actions button is flex: 1 and the label wraps to three lines inside a
border-radius: 999px pill that resolves to an ellipse. If this slice restyles action buttons with
MUI, say explicitly whether it closes #740 or leaves it.

Activity

  1. added
    sliceThin vertical work item
    epic-674SPA revamp — field-first phone, ledger desktop (#674)
    on Sep 13, 2026
  2. added this to the SPA revamp milestone on Sep 13, 2026
  3. added 6 commits that reference this issue on Sep 16, 2026
    b66f8b8
    ebb9c4d
    f770bab
    0f7b966
    7eeefee
    9a50701
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:frontendReact/Vite web clientepic-674SPA revamp — field-first phone, ledger desktop (#674)phase:3-screensScreen conversionspriority:tier2High value, low risksliceThin vertical work item

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions