From 537f4927628360e27506e6713c3f9690d533e096 Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Thu, 11 Jun 2026 17:06:26 +0900
Subject: [PATCH] Email reader: pin More to far right + allow actions to wrap
 beside meta
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- .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).
---
 static/style.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/static/style.css b/static/style.css
index 00012f123..94b79b599 100644
--- a/static/style.css
+++ b/static/style.css
@@ -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;