From d541a072639c70a7110a2d518963ce313e44100a Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Mon, 25 May 2026 23:29:52 -0500 Subject: [PATCH] =?UTF-8?q?fix(ui):=20left-align=20admin=20sidebar=20?= =?UTF-8?q?=E2=80=94=20fix=20justify-content=20and=20text-align?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Changed details.toggleable-item summary from justify-content: space-between to gap + margin-left: auto on the chevron. Added .flex-container-nav .item rule to force left alignment on all menu items including standalone links. Co-Authored-By: Claude Opus 4.6 (1M context) --- web_src/css/shared/settings.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/web_src/css/shared/settings.css b/web_src/css/shared/settings.css index 33f88615e0..504aad5eb3 100644 --- a/web_src/css/shared/settings.css +++ b/web_src/css/shared/settings.css @@ -9,8 +9,8 @@ details.toggleable-item .menu { details.toggleable-item summary { display: flex; - justify-content: space-between; align-items: center; + gap: 0.5em; padding: 0.92857143em 1.14285714em; } @@ -20,6 +20,7 @@ details.toggleable-item summary::-webkit-details-marker /* Safari */ { } details.toggleable-item summary::after { + margin-left: auto; transition: transform 0.25s ease; content: ""; width: 14px; @@ -35,3 +36,8 @@ details.toggleable-item summary::after { details.toggleable-item[open] summary::after { transform: rotate(90deg); } + +.flex-container-nav .ui.menu .item { + text-align: left !important; + justify-content: flex-start !important; +} -- 2.52.0