From d9335bec37d4f8d251979d12434eeabe267ab35f Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Fri, 17 Jan 2025 23:34:19 +0200
Subject: [PATCH] fix(client): shortcuts wrapped on two lines on global menu
 (closes #976)

---
 src/public/app/widgets/buttons/global_menu.ts | 2 +-
 src/public/stylesheets/style.css              | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/public/app/widgets/buttons/global_menu.ts b/src/public/app/widgets/buttons/global_menu.ts
index 1f906b1fd..15af65636 100644
--- a/src/public/app/widgets/buttons/global_menu.ts
+++ b/src/public/app/widgets/buttons/global_menu.ts
@@ -86,7 +86,7 @@ const TPL = `
         position: relative;
         top: 3px;
         font-size: 120%;
-        margin-right: 5px;
+        margin-right: 6px;
     }
 
     body.mobile .global-menu .dropdown-submenu .dropdown-menu {
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index ac1ac6408..939238d3f 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -357,8 +357,14 @@ body.desktop .dropdown-menu {
     visibility: hidden;
 }
 
+.dropdown-menu:not(#context-menu-container) .dropdown-item,
+#context-menu-container .dropdown-item > span {
+    display: flex;
+}
+
 .dropdown-menu kbd {
-    float: right;
+    flex-grow: 1;
+    text-align: right;
     color: var(--muted-text-color);
     border: none;
     background-color: transparent;