reworked mixer UI as requested

tabs/configuration.css

@@ -21,25 +21,26 @@
     width: calc(50% - 10px);
     margin: 0 0 10px 10px;
 }
-.tab-configuration .mixerList {
-    float: left;
-
-    width: 120px;
-    height: 250px;
-
-    border: 1px solid silver;
-}
 .tab-configuration .mixerPreview {
-    float: left;
-
-    width: calc(100% - 120px);
-    height: 150px;
+    width: 180px;
+    height: 180px;
 }
 .tab-configuration .mixerPreview img {
+    display: block;
+
     width: 100%;
     height: 100%;
 
-    margin-top: 60px;
+    border: 1px solid silver;
+    border-bottom: 0;
+}
+.tab-configuration select.mixerList {
+    width: calc(100% + 2px);
+    height: 20px;
+
+    font-weight: bold;
+
+    border: 1px solid silver;
 }
 .tab-configuration dl.features dt {
     float: left;

tabs/configuration.html

@@ -1,13 +1,12 @@
 <div class="tab-configuration">
     <div class="leftWrapper">
         <div class="groupTitle" i18n="configurationMixer"></div>
-        <select class="mixerList" size="10">
-            <!-- list generated here -->
-        </select>
         <div class="mixerPreview">
             <img src="./images/motor_order/custom.svg" />
+            <select class="mixerList">
+                <!-- list generated here -->
+            </select>
         </div>
-        <div class="clear-both"></div>
     </div>
     <div class="rightWrapper">
         <div class="groupTitle" i18n="configurationFeatures"></div>