mobile: enlarge masthead logo and drop the anchor underline

.m-logo img 22px → 34px; .m-logo gets text-decoration:none so the
wrapping <a href="/"> doesn't paint a default underline under the
wordmark on Safari / any browser with link styles leaking through.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arlind Ukshini 2026-04-24 10:39:51 +02:00
parent 8cfe72296b
commit 43129717bf

View file

@ -53,8 +53,12 @@ html, body {
background: var(--paper); background: var(--paper);
border-bottom: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft);
} }
.m-logo { display: inline-block; line-height: 0; } .m-logo {
.m-logo img { height: 22px; width: auto; display: block; } display: inline-block;
line-height: 0;
text-decoration: none;
}
.m-logo img { height: 34px; width: auto; display: block; }
/* ─── Main layout ────────────────────────────────────────── */ /* ─── Main layout ────────────────────────────────────────── */
.m-main { .m-main {