[PR #5958] Adjust account panel borders and corners #6233

Closed
opened 2026-02-28 21:25:37 -06:00 by GiteaMirror · 0 comments
Owner

Original Pull Request: https://github.com/actualbudget/actual/pull/5958

State: closed
Merged: Yes


Fixes mobile account list styling for grouped accounts.

Problem:
On mobile, adjacent account panels in the account list displayed a visual issue where:

  1. A 2px border appeared between them (due to each item having its own 1px border).
  2. Rounded corners on individual items created an undesirable visual effect where panels met.

Solution:

  • Removed individual borders and rounded corners from each AccountListItem.
  • Applied a single border and outer rounded corners to the AccountList container.
  • Added a 1px top border to each AccountListItem (except the first in a group) to create the desired 1px visual separation between items.

Result:
Account groups now appear as a single, cohesive panel with a clean 1px border between accounts and rounded corners applied only to the outer edges of the entire group.


Open in Cursor Open in Web

**Original Pull Request:** https://github.com/actualbudget/actual/pull/5958 **State:** closed **Merged:** Yes --- <!-- Thank you for submitting a pull request! Make sure to follow the instructions to write release notes for your PR — it should only take a minute or two: https://github.com/actualbudget/docs#writing-good-release-notes. Try running yarn generate:release:notes *before* pushing your PR for an interactive experience. --> Fixes mobile account list styling for grouped accounts. **Problem:** On mobile, adjacent account panels in the account list displayed a visual issue where: 1. A 2px border appeared between them (due to each item having its own 1px border). 2. Rounded corners on individual items created an undesirable visual effect where panels met. **Solution:** - Removed individual borders and rounded corners from each `AccountListItem`. - Applied a single border and outer rounded corners to the `AccountList` container. - Added a 1px top border to each `AccountListItem` (except the first in a group) to create the desired 1px visual separation between items. **Result:** Account groups now appear as a single, cohesive panel with a clean 1px border between accounts and rounded corners applied only to the outer edges of the entire group. --- <a href="https://cursor.com/background-agent?bcId=bc-49a9249e-83f2-4e3c-b44e-e78d81d99c94"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-cursor-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-cursor-light.svg"><img alt="Open in Cursor" src="https://cursor.com/open-in-cursor.svg"></picture></a>&nbsp;<a href="https://cursor.com/agents?id=bc-49a9249e-83f2-4e3c-b44e-e78d81d99c94"><picture><source media="(prefers-color-scheme: dark)" srcset="https://cursor.com/open-in-web-dark.svg"><source media="(prefers-color-scheme: light)" srcset="https://cursor.com/open-in-web-light.svg"><img alt="Open in Web" src="https://cursor.com/open-in-web.svg"></picture></a>
GiteaMirror added the pull-request label 2026-02-28 21:25:37 -06:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#6233