Skip to content

fix(ui): clarify income tooltip & make mobile account layout responsive - #38

Merged
halfguru merged 1 commit into
mainfrom
fix/mobile-input-layouts-and-tooltips
Aug 22, 2026
Merged

fix(ui): clarify income tooltip & make mobile account layout responsive#38
halfguru merged 1 commit into
mainfrom
fix/mobile-input-layouts-and-tooltips

Conversation

@halfguru

Copy link
Copy Markdown
Owner

This PR implements minor mobile layout enhancements and tooltip clarifications for better UX:

  1. Clarified Income Tooltip:

    • Updated the tooltip on "Annual Income" inside PersonForm.tsx to read: "Your current pre-tax annual income (used to calculate your retirement income target)" (resolving ambiguity regarding final salary prior to retirement).
  2. Responsive Account Cards:

    • Refactored AccountCard.tsx layout to use a responsive flex grid (flex-col sm:flex-row).
    • Stacks the balance and contribution input fields vertically on mobile screens (<640px) so they expand to fill the full width of the card, eliminating the squished layout where inputs were compressed to ~35px wide.
    • Preserves the horizontal row layout for desktop screens.

@halfguru
halfguru merged commit cc12bec into main Aug 22, 2026
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.

1 participant