Skip to content

fix: mobile stats cutoff — ensure + buttons visible#29

Merged
JesseRWeigel merged 1 commit intomainfrom
fix/mobile-stats-cutoff
Mar 16, 2026
Merged

fix: mobile stats cutoff — ensure + buttons visible#29
JesseRWeigel merged 1 commit intomainfrom
fix/mobile-stats-cutoff

Conversation

@JesseRWeigel
Copy link
Owner

Summary

  • On screens < 420px (e.g. iPhone SE 375px), the stats grid switches from 2-column to 1-column layout so the +1/+5/+10 allocation buttons are fully visible and tappable
  • Reduced accordion content horizontal padding on small screens (px-2.5 instead of px-4) to maximize usable space
  • Unified button widths to w-9 for consistency

Test plan

  • Open Manage tab on a 375px-wide viewport (iPhone SE) — all stat rows should show stat name, value, and all three +buttons without horizontal overflow
  • On wider screens (420px+), stats still display in a 2-column grid
  • All 215 existing tests pass

Closes #28

🤖 Generated with Claude Code

On screens narrower than 420px (e.g. iPhone SE at 375px), the stats
grid now uses a single column layout instead of two columns, preventing
the +1/+5/+10 buttons from being cut off. The accordion content padding
is also reduced on small screens to maximize usable space.

Closes #28

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@JesseRWeigel JesseRWeigel merged commit 52cc1d5 into main Mar 16, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile UI improvements — stats cutoff and game-like styling

1 participant