Email reader docked: drop whole From row 4px + right-align icons

Pulled the From row's negative margin from -8 to -4 so the whole
row (From: label AND chip) sits 4px lower together. Action cluster
below now justifies flex-end so the icons sit at the right edge
of the row instead of left-aligned.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 20:44:47 +09:00
parent e0af7bd8a0
commit 2be0c5c892
+8 -5
View File
@@ -28112,17 +28112,18 @@ button .spinner-whirlpool {
top: -2px;
}
/* Docked panes are tight flow the action cluster UNDER the
From: row instead of overlaying it. Also pull the whole From
row + buttons up 8px to claim back wasted header space. */
From: row instead of overlaying it. The whole From row +
chip sits 4px lower than the old -8 position so the chip
baseline tracks the "From:" label cleanly. */
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from {
flex-wrap: wrap;
margin-top: -8px;
margin-top: -4px;
min-height: 0;
}
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > strong,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > strong {
top: 4px;
top: 0;
}
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline {
@@ -28131,7 +28132,9 @@ button .spinner-whirlpool {
margin-left: 0;
background: none;
padding-left: 0;
justify-content: flex-start;
/* Right-align icons when docked so they sit at the far right
of the row below From: instead of the far left. */
justify-content: flex-end;
}
/* Docked header gets a smaller min-height since the action cluster
no longer needs vertical room overlapping the chip. */