diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index f6f07684f..6ce636e01 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -444,9 +444,11 @@ body #context-menu-container .dropdown-item > span { align-items: center; } -.dropdown-item span.keyboard-shortcut { +.dropdown-item span.keyboard-shortcut, +.dropdown-item *:not(.keyboard-shortcut) > kbd { flex-grow: 1; text-align: right; + padding-inline-start: 12px; } .dropdown-menu kbd { @@ -456,8 +458,6 @@ body #context-menu-container .dropdown-item > span { box-shadow: none; padding-bottom: 0; padding: 0; - flex-grow: 1; - text-align: right; } .dropdown-item, diff --git a/apps/client/src/stylesheets/theme-next/base.css b/apps/client/src/stylesheets/theme-next/base.css index 0e6f7f127..50bc058a0 100644 --- a/apps/client/src/stylesheets/theme-next/base.css +++ b/apps/client/src/stylesheets/theme-next/base.css @@ -154,7 +154,7 @@ body.desktop .dropdown-submenu .dropdown-menu { .dropdown-item, body.mobile .dropdown-submenu .dropdown-toggle { padding: 2px 2px 2px 8px !important; - padding-inline-end: 16px !important; + padding-inline-end: 22px !important; /* Note: the right padding should also accommodate the submenu arrow. */ border-radius: 6px; cursor: default !important;