From 20968d5a87ab6c4edcb8e73e950caec8cc11d3c6 Mon Sep 17 00:00:00 2001
From: pewdiepie-archdaemon <pewdiepie-archdaemon@users.noreply.github.com>
Date: Thu, 11 Jun 2026 20:22:12 +0900
Subject: [PATCH] Email reader: shift From row up 4px on desktop, +2px To/Cc
 gap
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Desktop (>= 769px): From row gets margin-top -4px so the whole
  From + action cluster sits 4px higher in the header.
- Mobile @media block untouched.
- To/Cc gap bumped 4px → 6px for slight breathing room.
---
 static/style.css | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/static/style.css b/static/style.css
index 17b2cf827..0bf5f47be 100644
--- a/static/style.css
+++ b/static/style.css
@@ -28066,6 +28066,14 @@ button .spinner-whirlpool {
   flex-wrap: wrap;
   row-gap: 2px;
 }
+/* Desktop only: shift the whole From row up 4px. Mobile keeps the
+   original placement (the mobile @media block overrides padding so
+   the header sits flush already). */
+@media (min-width: 769px) {
+  .email-reader-meta-row.email-reader-meta-from {
+    margin-top: -4px;
+  }
+}
 /* Gmail-style chevron — collapsed view shows only From; the chevron
    reveals the To/Cc details inline below. */
 .email-reader-meta-toggle {
@@ -28090,8 +28098,8 @@ button .spinner-whirlpool {
 .email-reader-meta-details {
   display: flex;
   flex-direction: column;
-  /* 4px between To and Cc, pulled up 8px to sit close under From. */
-  gap: 4px;
+  /* 6px between To and Cc, pulled up 8px to sit close under From. */
+  gap: 6px;
   margin-top: -8px;
 }
 .email-reader-meta-details[hidden] { display: none; }