css tweaks

src/mol-plugin-ui/skin/base/components/controls.scss

@@ -51,13 +51,20 @@
     }
 
     > div:nth-child(2) {
-        background: $msp-form-control-background;
         position: absolute;
         left: $control-label-width + $control-spacing;
         top: 0;
         right: 0;
         bottom: 0;
     }
+
+    > div {
+        background: $msp-form-control-background;
+    }
+
+    > .msp-select-row {
+        background: $default-background;
+    }
 }
 
 .msp-control-label-short {

src/mol-plugin-ui/skin/base/components/temp.scss

@@ -56,6 +56,7 @@
     flex-direction:row;
     height: $row-height;
     width: inherit;
+    background: $default-background;
 
     > select, > button {
         margin: 0;
@@ -64,18 +65,19 @@
         height: $row-height;
 
         text-align-last: center;
-        background: none;
         padding: 0 $control-spacing;
         overflow: hidden;
     }
 
     > select {
+        background: none;
+
         > option[value = _] {
             display: none;
         }
     }
 
-    > select:last-child {
+    > select:last-child, > button:last-child {
         margin-right: 0;
     }
 }