mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-06-15 17:25:26 -04:00
Email reader: shift From row up 4px on desktop, +2px To/Cc gap
- 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.
This commit is contained in:
+10
-2
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user