Make keyboard shortcut modal responsive on small displays

openstreetmap · Apr 12, 2019 · 0c29054 · 0c29054
1 parent dda8106
commit 0c29054
Showing 1 changed file with 3 additions and 2 deletions.
diff --git 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;