Email reader: pin More to far right + allow actions to wrap beside meta

- .email-reader-actions flex-wrap nowrap → wrap so when the cluster
  exceeds the room next to a tall multi-recipient meta block, the
  buttons wrap within the actions area instead of pushing the whole
  block onto its own row below From/To.
- New rule: .email-reader-more-wrap gets order:99 so the More kebab
  sits at the far right of the flattened flex row instead of in the
  middle (its source order put it ahead of the secondary row's AI
  Reply / Summary buttons after display:contents flattening).
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 17:06:26 +09:00
parent 6a0a7622fd
commit 537f492762
+7 -1
View File
@@ -28078,7 +28078,7 @@ button .spinner-whirlpool {
.recipient-chip { flex-shrink: 0; }
}
.email-reader-actions {
display: flex; gap: 4px; flex-wrap: nowrap; align-items: center;
display: flex; gap: 4px; flex-wrap: wrap; align-items: center;
flex-shrink: 0;
justify-content: flex-end;
margin-top: -4px;
@@ -28090,6 +28090,12 @@ button .spinner-whirlpool {
.email-reader-actions-row {
display: contents;
}
/* Pin the More button to the far right of the flattened flex row it
sits at position 5 in the primary row's source order, so without an
explicit order the secondary AI/Summary buttons land after it. */
.email-reader-actions .email-reader-more-wrap {
order: 99;
}
.email-reader-atts {
display: flex; flex-wrap: wrap; gap: 6px;
padding: 8px 14px;