A redesigned Budget page

We spent the last few days on a big budget page refresh. The layout is cleaner, income is easier to track, and totals stay visible as you scroll.

Budget

• The budget page has a new layout. On desktop, totals and the 50/30/20 breakdown are in a sidebar panel that stays visible as you scroll through categories. Income rows are now aligned alongside expense categories throughout the list
• Income history and subcategory spending charts are back on desktop, and they work on mobile and in the React Native app too
• The mobile budget list uses stacked rows so category names and amounts stay readable at any screen width
• Category and subcategory names are no longer editable from the budget page. Rename them in Settings instead

Transactions

• You can change a transaction's subcategory directly from the transactions table. Picking a subcategory opens the same apply-options modal you see on the detail panel
• The transaction amount filter now uses "is" or "is not" with a number instead of text matching
• The category selector shows subcategories across all types and switches the transaction type automatically when you pick one from a different category

Improvements

• Sidebar navigation links load faster now that they use native link elements
• The mobile date range picker completes a range in two taps instead of three
• Active filter chips on narrow screens wrap to their own row and collapse with a show more/less control when too many are applied
• Transaction notes no longer auto-zoom the page on iOS Safari when you tap into them
• The mobile transaction filter no longer overflows off the screen on small devices