From 5feb4ebfb3cbd2e18fe44cab92432b8a7c87af09 Mon Sep 17 00:00:00 2001 From: polybjorn Date: Fri, 1 May 2026 06:24:18 +0000 Subject: [PATCH] fix(themes): apply intended nav row spacing in Pafat at narrow widths (#8738) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The narrow-viewport @media block in Pafat repeats the parent `.nav_menu` class on its inner selectors (`.nav_menu .btn` etc. inside a `.nav_menu` nesting block), which native CSS nesting expands to `.nav_menu .nav_menu .btn` and never matches. Buttons and stick/group wrappers in the top nav row at <=840px have therefore been falling back to default layout instead of the intended margins. Drop the redundant `.nav_menu` prefix on the inner selectors so the rules apply as intended. Activating the dormant rules also exposes an asymmetry in the base `.nav_menu` padding (`5px 0 0 2.5rem`: 5px top, 0 bottom). Combined with the now-active 5px button margin, buttons sit a few pixels below the visual centre of the row. Add `padding-bottom: 5px` inside the @media block to rebalance. Co-authored-by: Bjørn A. Andersen --- p/themes/Pafat/pafat.css | 11 ++++++----- p/themes/Pafat/pafat.rtl.css | 11 ++++++----- 2 files changed, 12 insertions(+), 10 deletions(-) diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 6690393e7..1e0ac7db5 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -1093,19 +1093,20 @@ a.signin { .nav_menu { padding-left: 0; + padding-bottom: 5px; - .nav_menu .btn { + .btn { margin: 5px 10px; } - .nav_menu .stick, - .nav_menu .group { + .stick, + .group { margin: 0 10px; min-width: 0; } - .nav_menu .stick .btn, - .nav_menu .group .btn { + .stick .btn, + .group .btn { margin: 5px 0; } } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 0ac3160b3..0e821e0e4 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -1093,19 +1093,20 @@ a.signin { .nav_menu { padding-right: 0; + padding-bottom: 5px; - .nav_menu .btn { + .btn { margin: 5px 10px; } - .nav_menu .stick, - .nav_menu .group { + .stick, + .group { margin: 0 10px; min-width: 0; } - .nav_menu .stick .btn, - .nav_menu .group .btn { + .stick .btn, + .group .btn { margin: 5px 0; } }