Skip to content

Align the header label with the LITEfile wordmark - #354

Merged
nonprofittechy merged 3 commits into
mainfrom
fix/header-logo-alignment
Oct 22, 2026
Merged

nonprofittechy merged 3 commits into
mainfrom
fix/header-logo-alignment

Conversation

@nonprofittechy

@nonprofittechy nonprofittechy commented Oct 22, 2026 •

Copy link
Copy Markdown
Member

The new logo's gold underline and checkmark extend below the lettering, making the adjacent “e-Filing” label look too low when both elements are centered.

Move the header label upward by 0.04em for optical alignment with the wordmark. The offset scales with the smaller mobile font size.

Validation: visually compared desktop and mobile header previews; CSS formatting and Stylelint hooks passed. Backend and JavaScript suites passed for the preceding logo update and were not rerun for this CSS-only change.

Before and after

Isolated Chromium header previews using the repository’s logo and CSS. Each image shows before above after, at the same viewport size.

Desktop (900px viewport)

Desktop header before and after the alignment adjustment

Mobile (375px viewport)

Mobile header before and after the alignment adjustment

Screenshot files and capture notes (secret gist).

@nonprofittechy
nonprofittechy marked this pull request as draft October 22, 2026 15:17
@nonprofittechy
nonprofittechy marked this pull request as ready for review October 22, 2026 15:30
@nonprofittechy
nonprofittechy merged commit 1ddf8bf into main Oct 22, 2026
8 checks passed
@nonprofittechy
nonprofittechy deleted the fix/header-logo-alignment branch October 22, 2026 15:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant