From 9e96b707d60504256c6c1fd0a178170fdcbbd162 Mon Sep 17 00:00:00 2001 From: Simon Ochsenreither Date: Thu, 27 Mar 2025 22:22:47 +0100 Subject: [PATCH] fix(ui): improve vertical alignment of icons with text in the overflow menu Turns out the change in `da8aa014` worsened the positioning of icons in tabs, like the "Conversation"/"Commits"/"Files changed" tab component. So limit this change to the `overflow-menu`. --- web_src/css/base.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index 77458ec134..e3d2345e21 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -382,7 +382,6 @@ a.label, } .ui.menu .item > .svg { - align-self: baseline; margin-right: 0.35em; } @@ -1060,6 +1059,10 @@ overflow-menu .overflow-menu-items .item { margin-bottom: 0 !important; /* reset fomantic's margin, because the active menu has special bottom border */ } +overflow-menu .overflow-menu-items .item > .svg { + align-self: baseline; +} + overflow-menu .ui.label { margin-left: 7px !important; /* save some space */ }