Email reader: primary action row literally inside the From row

Restructured the DOM so the Reply / Reply-all / Forward row lives
INSIDE the email-reader-meta-from div (after the chips span), and
the Summary / AI / More row sits directly below as a sibling of
From inside the meta. Killed the outer email-reader-actions
wrapper that kept letting the buttons drift out of position.

CSS now pushes the primary row right via margin-left:auto on the
From row and right-aligns the secondary row below it.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:46:06 +09:00
parent 05f87b0f50
commit 39331fafb5
2 changed files with 65 additions and 36 deletions
+12
View File
@@ -28044,6 +28044,18 @@ button .spinner-whirlpool {
gap: 6px;
min-width: 0;
}
/* Primary action row (Reply / Reply-all / Forward) lives INSIDE
the From row and gets pushed to the right edge. */
.email-reader-meta-row.email-reader-meta-from > .email-reader-actions-row-primary {
margin-left: auto;
flex-shrink: 0;
}
/* Secondary action row (Summary / AI / More) sits below the From
row as a sibling, right-aligned. */
.email-reader-meta > .email-reader-actions-row-secondary {
justify-content: flex-end;
margin-top: 2px;
}
/* Gmail-style chevron collapsed view shows only From; the chevron
reveals the To/Cc details inline below. */
.email-reader-meta-toggle {