Cleans up MIDI settings look

src/App.css

@@ -58,4 +58,9 @@
 
 .unselected {
   font-size: medium;
+}
+
+.midi-settings-container {
+  display: grid;
+  grid-template-columns: auto auto;
 }

src/App.tsx

@@ -72,7 +72,9 @@ function App() {
 
   function pause(milliseconds: number) {
     const futureTime = new Date().getTime() + milliseconds;
-    while (futureTime >= new Date().getTime()) {}
+    while (futureTime >= new Date().getTime()) {
+      // Intentionally left blank because it's just pausing.
+    }
   }
 
   const bankList = makeList(10)
@@ -113,8 +115,16 @@ function App() {
 
   return (
     <>
-      <select onChange={handleMidiDeviceSelect}>{midiDeviceOptions()}</select>
+      <div className={"midi-settings-container"}>
-      <select onChange={handleMidiChannelSelect}>{midiChannelOptions()}</select>
+        <div>MIDI DEVICE</div>
+        <div>MIDI CHANNEL</div>
+        <div>
+          <select onChange={handleMidiDeviceSelect}>{midiDeviceOptions()}</select>
+        </div>
+        <div>
+          <select onChange={handleMidiChannelSelect}>{midiChannelOptions()}</select>
+        </div>
+      </div>
       <div>
         PATCH:
       </div>