feat(FN-1018): isolate header brand spacing with .header-brand container

- Wrap logo + title in a .header-brand div for independent flex layout
- Replace hard-coded gap/margin with gap utilities for consistent spacing
- Add .header-brand CSS class with align-items: center and gap
- Add unit test verifying brand container structure
- Document .header-brand lockup pattern in README
This commit is contained in:
gsxdsm
2026-04-05 22:29:03 -07:00
parent 6ff6e69e60
commit 31c8ea68b0
4 changed files with 39 additions and 15 deletions

View File

@@ -163,6 +163,11 @@ body {
align-items: center;
gap: var(--space-sm);
}
.header-brand {
display: flex;
align-items: center;
gap: var(--space-xs);
}
.header-logo {
width: 24px;
height: 24px;