joh/customer-presentation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile: enlarge masthead logo, add breathing room, kill underline

Browse source 
.m-logo img grows 34px → 48px. Masthead padding 14px/18px → 28/18/26
so the logo sits with noticeably more space above and below.
text-decoration:none is now applied across :link/:visited/:hover/
:active variants (plus border-bottom:0 on both the anchor and the
<img>) to defeat any browser default underline on the tappable
logo, including Safari's quirky behaviours.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Arlind Ukshini 2026-04-24 11:08:27 +02:00
parent 404c9f1dff
commit 06fb151550
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
protected/mobile/mobile.css
View file

@ -49,16 +49,27 @@ html, body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 14px 18px; padding: 28px 18px 26px;
background: var(--paper); background: var(--paper);
border-bottom: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft);
} }
.m-logo { .m-logo,
.m-logo:link,
.m-logo:visited,
.m-logo:hover,
.m-logo:active {
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
text-decoration: none; text-decoration: none;
border-bottom: 0;
-webkit-tap-highlight-color: transparent;
}
.m-logo img {
height: 48px;
width: auto;
display: block;
border: 0;
} }
.m-logo img { height: 34px; width: auto; display: block; }
/* ─── Main layout ────────────────────────────────────────── */ /* ─── Main layout ────────────────────────────────────────── */
.m-main { .m-main {