From 41c0ffbb528f71f2fb3544f9c5c5d9c0d73d8b44 Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Thu, 11 Jun 2026 18:59:50 +0900
Subject: [PATCH] Email reader: collapse action cluster to a single row

Reply / Reply all / Forward / AI / Summary / More now flow inline
on one row instead of being split into a primary (Summary+More) and
secondary (Reply group) stack. Mobile + docked overrides also
flipped from column to row.
---
 static/style.css | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/static/style.css b/static/style.css
index cad3c0855..5f77d3176 100644
--- a/static/style.css
+++ b/static/style.css
@@ -4662,8 +4662,9 @@ body.bg-pattern-sparkles {
       .email-reader-tab-modal .email-reader-actions,
       .email-window-modal .email-reader-actions {
         display: flex !important;
-        flex-direction: column !important;
-        align-items: flex-end !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+        align-items: center !important;
         gap: 4px !important;
         flex-shrink: 0 !important;
         position: absolute !important;
@@ -28175,19 +28176,20 @@ button .spinner-whirlpool {
   .recipient-chip { flex-shrink: 0; }
 }
 .email-reader-actions {
-  display: flex; flex-direction: column; gap: 4px; align-items: flex-end;
+  display: flex; flex-direction: row; gap: 4px; align-items: center;
   flex-shrink: 0;
   margin-top: -4px;
+  flex-wrap: nowrap;
 }
-/* Two stacked rows inside .email-reader-actions:
-     primary   — Summary + More (top)
-     secondary — Reply / Reply all / Forward / AI reply (bottom) */
+/* All six actions in one row — the two action-row children flow
+   side-by-side inside the parent flex row. */
 .email-reader-actions-row {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: flex-end;
   gap: 4px;
+  flex-wrap: nowrap;
 }
 .email-reader-atts {
   display: flex; flex-wrap: wrap; gap: 6px;