css tweaks, fixes #376

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

@@ -490,7 +490,7 @@
     }
 }
 
-.msp-action-menu-options {   
+.msp-action-menu-options {
     &-no-header, .msp-control-group-children {
         max-height: 300px;
         overflow: hidden;
@@ -602,10 +602,10 @@
     }
 
     .msp-slider {
-        > div:first-child() {
+        > div:first-child {
             right: 42px;
         }
-        > div:last-child() {
+        > div:last-child {
             width: 30px;
         }
     }

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

@@ -24,6 +24,7 @@
     right: 0;
     bottom: 0;
     -webkit-user-select: none;
+    user-select: none;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
     -webkit-touch-callout: none;
     touch-action: manipulation;
@@ -71,7 +72,7 @@
     }
 }
 
-.msp-semi-transparent-background {    
+.msp-semi-transparent-background {
     background: $default-background;
     opacity: 0.5;
     position: absolute;
@@ -94,7 +95,7 @@
 
     .msp-viewport-controls-panel-controls {
         overflow-y: auto;
-        max-height: 400px;    
+        max-height: 400px;
     }
 }