From 355095d4ec072bc43c759af6cafaee9204bb438f Mon Sep 17 00:00:00 2001 From: vickydotbat Date: Wed, 8 Jul 2026 11:33:43 +0000 Subject: [PATCH] Fix navbar button misalignments (#16) The notifications, chat, and drafts buttons had their icons pinned to the left of the hover box while search was centered. Root cause: Harmony's notifications/chats/drafts links (pulled in at runtime from core partials, not this repo) carry Bootstrap's justify-content-between utility class, which is !important and beat the theme's justify-content: center on .wg-topbar__utility-list .nav-link. The search link doesn't have that class, so it centered correctly. Reviewed-on: https://git.westgate.pw/ShadowsOverWestgate/sow-nodebb-theme/pulls/16 Co-authored-by: vickydotbat Co-committed-by: vickydotbat --- scss/westgate/_topbar.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/scss/westgate/_topbar.scss b/scss/westgate/_topbar.scss index dda42c2..8006522 100644 --- a/scss/westgate/_topbar.scss +++ b/scss/westgate/_topbar.scss @@ -135,7 +135,8 @@ $wg-topbar-panel-bg: linear-gradient( } .wg-topbar__utility-list .nav-link { - justify-content: center; + // beat Bootstrap's !important .justify-content-between on notifications/chats/drafts links + justify-content: center !important; width: 2.35rem; height: 2.35rem; padding: 0;