From a9bf4ccbbf636249a889cb99629335c76daecf33 Mon Sep 17 00:00:00 2001 From: polybjorn Date: Thu, 30 Apr 2026 06:16:21 +0000 Subject: [PATCH] fix(themes): cover .group elements in Flat nav row spacing rules at narrow widths (#8732) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit At max-width: 840px, the existing rules only adjusted .stick wrappers and their child buttons. .group elements were missing from the selector list, so their child buttons kept the default 10px horizontal margin from the .nav_menu .btn rule, breaking the visual joining of multi-button groups (e.g. Views) at narrow widths. Add .nav_menu .group to both existing selectors so .group is treated the same as .stick — the wrapper gets outer margin, child buttons get zero horizontal margin. Same pattern already used by Alt-Dark and Pafat at narrow widths. .rtl.css regenerated via make rtl. npm run stylelint passes. Co-authored-by: Bjørn A. Andersen --- p/themes/Flat/flat.css | 6 ++++-- p/themes/Flat/flat.rtl.css | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 697c88000..701083bfa 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -978,11 +978,13 @@ th { min-height: 0; } - .nav_menu .stick { + .nav_menu .stick, + .nav_menu .group { margin: 0 10px; } - .nav_menu .stick .btn { + .nav_menu .stick .btn, + .nav_menu .group .btn { margin: 5px 0; } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 71af52517..26f4f2d60 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -978,11 +978,13 @@ th { min-height: 0; } - .nav_menu .stick { + .nav_menu .stick, + .nav_menu .group { margin: 0 10px; } - .nav_menu .stick .btn { + .nav_menu .stick .btn, + .nav_menu .group .btn { margin: 5px 0; }