Lift logo mark onto the wordmark baseline
The mark hung below the baseline: align-items:center centres on the text
line box, which sits lower than the letters. Pull the mark up 2px so its
base meets the baseline and trim to 28px so the apex lands near cap
height rather than above it.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011SDkz6ft4rhf4WekytP8jc
diff --git a/public/app.css b/public/app.css
index f05ce17..22f5cf1 100644
--- a/public/app.css
+++ b/public/app.css
@@ -111,9 +111,13 @@ body {
}
.logo-mark {
- width: 32px; height: 32px;
+ width: 28px; height: 28px;
flex: none;
display: block;
+ /* align-items:center centres on the text line box, which sits lower than
+ the letters themselves; lift the mark so its base meets the baseline. */
+ position: relative;
+ top: -2px;
}
.logo-mark svg {
display: block;