fix(ui): improve vertical alignment of icons with text in the overflow menu (#7356)

- Follow up for #7314. Turns out this impacted the positioning of icons in tabs negatively, like the "Conversation"/"Commits"/"Files changed".
- Limit the change to the `overflow-menu` element.

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7356
Reviewed-by: Gusted <gusted@noreply.codeberg.org>
Co-authored-by: Simon Ochsenreither <simon@ochsenreither.de>
Co-committed-by: Simon Ochsenreither <simon@ochsenreither.de>
This commit is contained in:
Simon Ochsenreither 2025-03-28 11:47:58 +00:00 committed by Gusted
parent da8aa01466
commit 85ae9d710c

View file

@ -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 */
}