From 0c29054c36beda245bf77d672337eb7128bbec42 Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Fri, 12 Apr 2019 10:18:36 -0700
Subject: [PATCH] Make keyboard shortcut modal responsive on small displays

---
 css/80_app.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 5e6a7d27b4..37b95d5e6d 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -4607,11 +4607,11 @@ img.tile-debug {
 .modal-shortcuts .shortcut-tab {
     display: flex;
     flex-flow: row wrap;
+    justify-content: center;
 }
 
 .modal-shortcuts .shortcut-column {
-    flex: 1 1 50%;
-    width: 50%;
+    width: auto;
 }
 
 .modal-shortcuts .shortcut-tab-tools .shortcut-column {
@@ -4631,6 +4631,7 @@ img.tile-debug {
     padding: 0 10px;
     color: #767676;
     text-align: right;
+    white-space: nowrap;
 }
 [dir='rtl'] .modal-shortcuts .shortcut-keys {
     text-align: left;