root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-1463): fix settings tab highlight alignment on mobile

Browse Source 
- Fix settings modal tab alignment on mobile by switching .settings-nav-item to flexbox
- Add align-items: center to .settings-sidebar for icon+label vertical alignment
- Add justify-content: center and gap: 4px to .settings-nav-item
- Remove deprecated text-align: center from .settings-nav-item
- Add regression tests for new CSS properties in settings-mobile tests
This commit is contained in:
gsxdsm
2026-04-10 10:38:29 -07:00
parent c78ffaab5c
commit 583285fa65
4 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/fix-settings-tab-highlight-alignment.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@gsxdsm/fusion": patch
---
Fix Settings modal tab/highlight alignment on mobile by using flexbox for icon+label alignment. The active indicator (bottom border) now visually lines up with the tab label text across all sections, including rows with scope icons.