Email reader (mobile): top-align meta with the two-row action cluster

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.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:29:41 +09:00
parent 4bf389ed09
commit 5bf7caecc9
+5 -1
View File
@@ -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,