From 8ae31aeb13e8009fe78a703058b7e0b935c93fac Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Thu, 11 Jun 2026 07:24:25 +0900 Subject: [PATCH] Email library compose button: scope taller+lower variant to desktop only Wrap the height:28px / top:0 rule in @media (min-width:769px) so it can't leak into mobile, where a different touch-friendly variant already sets min-height:36px + top:-2px. --- static/style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index 6093097a3..9d3829cc9 100644 --- a/static/style.css +++ b/static/style.css @@ -29812,8 +29812,12 @@ body.doc-find-active mark.doc-find-mark.current { /* Select + Refresh sit slightly lower than Compose on desktop. */ #email-lib-select-btn, #email-lib-refresh-btn { top: -2px; } /* New (Compose) button gets a slightly taller, slightly lower variant - on desktop so it reads as the primary action of the row. */ -#email-lib-compose-btn { height: 28px; top: 0; } + on desktop so it reads as the primary action of the row. Scoped to + desktop so the mobile touch-friendly variant (further down) stays in + charge for ≤768px. */ +@media (min-width: 769px) { + #email-lib-compose-btn { height: 28px; top: 0; } +} @media (max-width: 768px) { /* On mobile they're 1px higher than desktop. */ #email-lib-select-btn, #email-lib-refresh-btn { top: -3px; }