Skip to content

Improve chore toggle tap targets and carets#203

Open
mxstbr wants to merge 1 commit intomasterfrom
codex/increase-toggle-tap-target-size
Open

Improve chore toggle tap targets and carets#203
mxstbr wants to merge 1 commit intomasterfrom
codex/increase-toggle-tap-target-size

Conversation

@mxstbr
Copy link
Owner

@mxstbr mxstbr commented Jan 10, 2026

Motivation

  • Make the time-of-day group toggles easier to tap by increasing their padded area for better usability on touch devices.
  • Replace the ASCII chevrons (>/v) with an accessible SVG caret for a cleaner, more consistent visual.

Description

  • Increased tap target size by adding rounded-md px-2 py-2 to the time-group toggle buttons and rounded-md px-2 py-1.5 to the done-list toggle.
  • Replaced text chevrons with inline SVG carets (path d="m7 5 6 5-6 5") and preserved the rotation transform for expanded/collapsed state.
  • Changes are contained to app/(os)/chores/kid-board.tsx and affect both the time-group headers and the "Done today" section toggle.

Testing

  • Ran pnpm tsc --noEmit and it completed successfully.
  • Attempted pnpm build but it failed due to next/font being unable to download the Inter font from Google Fonts because of a TLS/network error.
  • Started the dev server with pnpm dev and captured a screenshot of the updated toggles via an automated Playwright script to visually verify the caret and spacing changes.

Codex Task

@vercel
Copy link

vercel bot commented Jan 10, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
mxstbr.com Ready Ready Preview, Comment Jan 10, 2026 10:28pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant