From 5bf7caecc9482d62bc64e5ea0aee1788abc6be89 Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Thu, 11 Jun 2026 19:29:41 +0900 Subject: [PATCH] Email reader (mobile): top-align meta with the two-row action cluster MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit After the toolbar reshuffle the action block is now two stacked rows (Summary/More above Reply/Forward/AI), making it taller than the meta block. The mobile header rule was align-items:center, which then pulled the From:/To: rows down into the vertical middle of the header — the 'From: is in the middle' symptom. Switch to flex-start so meta sticks to the top edge where the user expects it. --- static/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/static/style.css b/static/style.css index 0ea3d663a..afe2e971e 100644 --- a/static/style.css +++ b/static/style.css @@ -4652,7 +4652,11 @@ body.bg-pattern-sparkles { padding: 8px 8px !important; gap: 6px !important; flex-direction: row !important; - align-items: center !important; + /* Top-align meta + actions on mobile. With the two-row action + cluster (Summary/More above Reply/Forward/AI), align-items: + center pulled the meta's From:/To: rows down into the visual + middle of the header, leaving them visibly off-axis. */ + align-items: flex-start !important; } #email-lib-modal .email-reader-actions, .email-reader-tab-modal .email-reader-actions,