Bugfix: broken MIDI mappings dialog

After recent commits
lucianoiam · Aug 1, 2022 · f141112 · f141112
1 parent 381659e
commit f141112
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/ui/lib/modal.js b/src/ui/lib/modal.js
@@ -72,10 +72,6 @@ class ModalDialog {
             this.addEventListener(root, evName, (ev) => {
                 if (ev.target == root) {
                     this.hide(false);
-                }        
-
-                if (ev.cancelable) {
-                    ev.preventDefault();
                 }
             });
         });

diff --git a/src/ui/style/modal.css b/src/ui/style/modal.css
@@ -63,15 +63,22 @@
     width: 360px;
 }
 
+#modal-midi-map {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+}
+
 #modal-midi-map select {
     appearance: none;
     background: #000;
     color: #fff;
     font-family: UbuntuMono;
     font-size: 1em;
-    border: 1px solid #ccc;
+    border: 1px solid #1a1a1a;
     border-radius: 4px;
-    padding: 5px 20px;
+    padding: 0 20px;
+    height: 37px;
 }
 
 .midi-map-entry {
@@ -84,6 +91,10 @@
     width: 100px;
 }
 
+.midi-map-status {
+    text-align: center;
+}
+
 #modal-about a {
     color: #fff;
 }