FN-7785: reduce margin and padding across mobile Settings pages
Tightens spacing on the Settings modal's mobile (≤768px) layout so pages feel less loose on narrow viewports, and updates mobile settings tests to match.
- Reduce .settings-content scroll container padding and cut section-heading/margin/padding tokens from --space-lg/--space-md down to --space-sm across settings-note, remote-status-bar, remote-share-block, remote-cli-detection, remote-external-tunnel-panel, notification-provider-card, settings-scope-banner, memory-file-summary, settings-description, auth-* rows/cards/hints, and settings-preset-* controls
- Add tighter padding for settings-empty-state and theme-selector, and restructure settings-model-lane-actions spacing (margin-block + padding)
- Update settings-mobile.test.tsx assertions to reflect the new compact spacing values
- Add changeset (patch) documenting the mobile Settings spacing fix
Files changed:
.changeset/fn-7785-mobile-settings-spacing.md | 7 +++
.../dashboard/app/components/SettingsModal.css | 73 +++++++++++++---------
.../components/__tests__/settings-mobile.test.tsx | 43 +++++++++----
3 files changed, 82 insertions(+), 41 deletions(-)
Fusion-Task-Id: FN-7785
Fusion-Task-Lineage: ca9332ea-782d-41de-ba51-010caea9489e
Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
4d4e9ad5cb