From fe6f482e96ce0b80ef386c9516b9bbae19f30272 Mon Sep 17 00:00:00 2001
From: Dreace <33168165+Dreace@users.noreply.github.com>
Date: Thu, 9 Apr 2020 16:23:10 +0800
Subject: [PATCH] Optimize ShortcutsDialog style (#1329)

* Optimize ShortcutsDialog style

* Add word-break only to ShortcutKey
---
 src/components/ShortcutsDialog.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/ShortcutsDialog.tsx b/src/components/ShortcutsDialog.tsx
index 5ecaf5fe..fa1919a3 100644
--- a/src/components/ShortcutsDialog.tsx
+++ b/src/components/ShortcutsDialog.tsx
@@ -13,6 +13,7 @@ const ShortcutIsland = (props: {
       width: "49%",
       border: "1px solid #ced4da",
       marginBottom: "16px",
+      height: "-webkit-fill-available",
     }}
   >
     <h3
@@ -85,6 +86,7 @@ Shortcut.defaultProps = {
 const ShortcutKey = (props: { children: React.ReactNode }) => (
   <span
     style={{
+      wordBreak: "keep-all",
       border: "1px solid #ced4da",
       padding: "2px 8px",
       margin: "0 4px",