From c07340a3ec44b8e5bf695ad81d205856c5ed819a Mon Sep 17 00:00:00 2001 From: th Date: Thu, 16 Apr 2026 01:30:54 +0200 Subject: [PATCH] relay: consistent 16px gap between compose-sidebar sections on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit #compose-sidebar only had its flex-column + gap:16px declaration inside the desktop media query, so on mobile the inbox/shared/sent cards stacked as plain blocks with no deliberate spacing. Move the rule to base CSS so the rhythm between inbox → shared → sent matches the compose → inbox gap regardless of viewport width. Desktop re-declares it next to the grid layout for clarity; the duplication is harmless. Co-Authored-By: Claude Opus 4.6 (1M context) --- relay/ui/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/relay/ui/style.css b/relay/ui/style.css index 83a6fce..bcfa28a 100644 --- a/relay/ui/style.css +++ b/relay/ui/style.css @@ -232,6 +232,14 @@ label.checkbox input[type="checkbox"] { accent-color:var(--accent); cursor:point #view-compose:not(.hidden) { display: flex; flex-direction: column; gap: 16px; } +/* Same 16 px rhythm between inbox / shared / sent on mobile as + between compose and inbox — desktop re-declares this inside the + grid rule further down. */ +#compose-sidebar { + display: flex; + flex-direction: column; + gap: 16px; +} .compose-attachments { display: flex; flex-wrap: wrap; gap: 6px; min-height: 0; }