UI refinements

[Aarekaz]

This pull request significantly refactors the mobile spreadsheet view and introduces several UI/UX improvements and code cleanups, especially for the mobile and desktop bill splitting experience. The main changes include a new view mode toggle for mobile, improved context menu positioning, better formatting and visual polish, and enhanced empty-state handling.

Mobile View Refactor and UI/UX Improvements:

• Major refactor of MobileSpreadsheetView to support toggling between card and grid views, with persistent user preference and animated transitions. Legacy item form and summary logic are removed in favor of new MobileCardView and MobileGridView components. The UI is simplified, with header and content structure updated for clarity and maintainability. [1] [2] [3]

Desktop UI and Usability Enhancements:

• Improved context menu positioning in DesktopBillSplitter to ensure menus stay within viewport bounds, enhancing usability on different screen sizes.
• Added a SyncStatusIndicator to the desktop toolbar for real-time sync feedback.
• Enhanced empty-state messaging in the ledger view: when no people are added, a friendly prompt with keyboard shortcut hints is shown. [1] [2]
• Polished visual styles: adjusted border opacities, hover states, and subtle background changes for a cleaner, more consistent look across buttons, grids, and headers. [1] [2] [3] [4]

Formatting and Display Improvements:

• Updated GridCell to display prices with a dollar sign for clarity.

These changes collectively modernize the mobile experience, improve usability and polish on desktop, and set a foundation for further enhancements.

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
split-simple	Ready	Preview	Comment	Nov 26, 2025 0:32am