From 2b25fc67cf7426a7d86e2e0677350e5515d9a028 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 25 Feb 2023 14:34:08 +0800
Subject: [PATCH] Prevent action buttons from wrapping in Safari

---
 src/components/shortcuts-settings.css | 3 +++
 src/components/shortcuts-settings.jsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/shortcuts-settings.css b/src/components/shortcuts-settings.css
index bec8246a..756fa406 100644
--- a/src/components/shortcuts-settings.css
+++ b/src/components/shortcuts-settings.css
@@ -26,6 +26,9 @@
 #shortcuts-settings-container .shortcuts-list li .shortcut-text {
   flex-grow: 1;
 }
+#shortcuts-settings-container .shortcuts-list li .shortcut-actions {
+  flex-shrink: 0;
+}
 
 #shortcuts-settings-container summary {
   cursor: pointer;
diff --git a/src/components/shortcuts-settings.jsx b/src/components/shortcuts-settings.jsx
index d54e0a4c..2c904355 100644
--- a/src/components/shortcuts-settings.jsx
+++ b/src/components/shortcuts-settings.jsx
@@ -236,7 +236,7 @@ function ShortcutsSettings() {
                   <span class="shortcut-text">
                     <AsyncText>{title}</AsyncText>
                   </span>
-                  <span>
+                  <span class="shortcut-actions">
                     <button
                       type="button"
                       class="plain small"