diff --git a/public/entrance.html b/public/entrance.html index 7a8a6ae..d9a908c 100644 --- a/public/entrance.html +++ b/public/entrance.html @@ -153,11 +153,15 @@ with the welcome step (same trigger as the logo above it). */ .welcome-backer { position: fixed; - /* welcome-logo is centred at top:50% with width 280px and h:~46px, - so the bottom edge is ~50% + 23px. This sits ~22px below that. */ - top: calc(50% + 45px); + /* Sits below the fixed welcome-logo. The logo renders ~70px tall + at width:280px, so its bottom edge is ~50% + 35px; this sits + clear of that with enough breathing room not to crowd the + wordmark. Horizontal nudge via the transform pushes the block + slightly right of the logo's centreline so it reads as a + support line rather than a baseline caption. */ + top: calc(50% + 80px); left: 75%; - transform: translate(-50%, 0); + transform: translate(-28%, 0); display: inline-flex; align-items: center; gap: 10px;