From f141112fba37bdd0076c5fa6d5f09e02e4d07e48 Mon Sep 17 00:00:00 2001
From: Luciano Iam <oss@lucianoiam.com>
Date: Mon, 1 Aug 2022 23:47:27 +0200
Subject: [PATCH] Bugfix: broken MIDI mappings dialog

After recent commits
---
 src/ui/lib/modal.js    |  4 ----
 src/ui/style/modal.css | 15 +++++++++++++--
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/ui/lib/modal.js b/src/ui/lib/modal.js
index aecf891..b80ed77 100644
--- 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
index 7061958..8fc0b44 100644
--- 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;
 }