From 90cd5aa69bb6fffebc0868e7c29996825fe0a4b1 Mon Sep 17 00:00:00 2001
From: cTn <ctndesigner@gmail.com>
Date: Thu, 18 Sep 2014 14:29:54 +0200
Subject: [PATCH] reworked mixer UI as requested

---
 tabs/configuration.css  | 27 ++++++++++++++-------------
 tabs/configuration.html |  7 +++----
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/tabs/configuration.css b/tabs/configuration.css
index 38d8cc49..640c0839 100644
--- a/tabs/configuration.css
+++ b/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;
diff --git a/tabs/configuration.html b/tabs/configuration.html
index fb89442c..91ce61b4 100644
--- a/tabs/configuration.html
+++ b/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>