whisper-money/screenshots
Víctor Falcón 726bce61ef
fix: Add gap between filter/create button on mobile settings pages (#115)
## Summary

- Added `gap-4` to the flex containers holding the filter input and
create button on the accounts, categories, labels, and connections
settings pages
- Without the gap, these elements had no spacing on mobile viewports and
appeared cramped
- The automation rules page already had `gap-4` — this makes all
settings pages consistent

## Screenshots (mobile 375px)

### Accounts

![Accounts](https://raw.githubusercontent.com/whisper-money/whisper-money/fix/settings-mobile-button-gap/screenshots/settings-accounts-mobile.png)

### Categories

![Categories](https://raw.githubusercontent.com/whisper-money/whisper-money/fix/settings-mobile-button-gap/screenshots/settings-categories-mobile.png)

### Labels

![Labels](https://raw.githubusercontent.com/whisper-money/whisper-money/fix/settings-mobile-button-gap/screenshots/settings-labels-mobile.png)

### Connections

![Connections](https://raw.githubusercontent.com/whisper-money/whisper-money/fix/settings-mobile-button-gap/screenshots/settings-connections-mobile.png)

## Test plan
- [x] Verify gap appears between filter input and create button on
mobile for accounts, categories, labels, and connections settings pages
- [x] Verify desktop layout is unaffected
2026-02-12 20:50:05 +01:00
..
settings-accounts-mobile.png fix: Add gap between filter/create button on mobile settings pages (#115) 2026-02-12 20:50:05 +01:00
settings-categories-mobile.png fix: Add gap between filter/create button on mobile settings pages (#115) 2026-02-12 20:50:05 +01:00
settings-connections-mobile.png fix: Add gap between filter/create button on mobile settings pages (#115) 2026-02-12 20:50:05 +01:00
settings-labels-mobile.png fix: Add gap between filter/create button on mobile settings pages (#115) 2026-02-12 20:50:05 +01:00