From d48eea2629a94d7cfe8dd69b217745adf5796e76 Mon Sep 17 00:00:00 2001 From: scheinriese Date: Wed, 20 May 2026 03:39:36 +0200 Subject: [PATCH] style(icon): breathing room between search input and first content row MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Add `pt-1` to `.cp__emoji-icon-picker > .bd` so the icon grid (and the "Recently used" header) doesn't sit flush against the search input. Asset-picker already had `py-1` on `.bd`, but its avatar-customize banner negates that margin to keep the expanded-state gradient flush against the topbar — add a 4px gap to the first `.pane-section` following the banner so the grid doesn't read crammed against the banner's bottom border. --- src/main/frontend/components/icon.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/src/main/frontend/components/icon.css b/src/main/frontend/components/icon.css index 5f13e044e9..5d738e3c81 100644 --- a/src/main/frontend/components/icon.css +++ b/src/main/frontend/components/icon.css @@ -54,7 +54,7 @@ } > .bd { - @apply flex-1 overflow-y-auto; + @apply flex-1 pt-1 overflow-y-auto; @apply bg-gray-02; min-height: 0; @@ -2049,6 +2049,14 @@ --avatar-size: 56px; } +/* Customize banner sits flush against the search topbar by design (see + `margin-top: -4px` above). The first content section that follows it, + however, should get a tiny gap so the grid doesn't read crammed against + the banner's bottom border. */ +.avatar-customize-zone + .pane-section { + margin-top: 4px; +} + /* Whole-row click target. Invisible overlay sitting above the resting row so the entire avatar-customize-zone surface (edge to edge, including its 18px horizontal padding) is one accessible