Merge pull request #47 from OpenEarable/1.4.0

updated UI

index.html

@@ -313,22 +313,27 @@ <h5 class="card-title">Sensor Control</h5>
                                     <!-- inner mic -->
                                     <input id="innerMicrophoneEnabled" type="checkbox" disabled
                                         class="is-connect-enabled 1-4-0-controls ms-3"></input>
-                                    <div class="ms-2 1-4-0-controls">In&nbsp;</div>
-                                    <div class="ms-1 1-4-0-controls">g-dB</div>
+                                    <div class="ms-2 1-4-0-controls">Inner&nbsp;&nbsp;&nbsp;&nbsp;</div>
+                                    <div class="ms-1 1-4-0-controls">Gain</div>
                                     <select disabled
-                                        class="is-connect-enabled ms-1 sampling-rate-input form-select 1-4-0-controls "
+                                        class="is-connect-enabled ms-2 sampling-rate-input form-select 1-4-0-controls "
                                         name="microphoneGainInner" id="microphoneGainInner">
-
                                     </select>
+                                    <div class="ms-3">dB</div>
+                                </div>
+                                <div class="d-flex flex-row 1-4-0-controls justify-content-between w-100 align-items-center"
+                                    style="grid-column: 1 / 5;">
+                                    <div class="1-4-0-controls">⌞</div>
                                     <!-- outer mic -->
                                     <input id="outerMicrophoneEnabled" type="checkbox" disabled
                                         class="is-connect-enabled 1-4-0-controls ms-3"></input>
-                                    <div class="ms-2 1-4-0-controls">Out&nbsp;</div>
-                                    <div class="ms-1 1-4-0-controls">g-dB</div>
+                                    <div class="ms-2 1-4-0-controls">Outer&nbsp;&nbsp;&nbsp;</div>
+                                    <div class="ms-1 1-4-0-controls">Gain</div>
                                     <select disabled
-                                        class="is-connect-enabled ms-1 sampling-rate-input form-select 1-4-0-controls "
+                                        class="is-connect-enabled ms-2 sampling-rate-input form-select 1-4-0-controls "
                                         name="microphoneGainOuter" id="microphoneGainOuter">
                                     </select>
+                                    <div class="ms-3">dB</div>
                                 </div>