Rearange overlaybar styles to scss.

src/styles/global/_overlaybar.scss

@@ -28,33 +28,37 @@
   text-shadow: 0 0 5px black;
   vertical-align: middle;
   @include user-select(none);
-  input[type="radio"], 
+  &:hover {
-  input[type="checkbox"] {
-    margin-top: 2px;
-  }
-}
-
-.overlaybar:hover {
     background: $componentfg2;
   }
-
+  &.notvisible {
-.overlaybar.notvisible {
     background: transparent;
     pointer-events: none;
-}
+    &:hover {
-.overlaybar.notvisible:hover {
       background: transparent;
     }
-
+  }
-.overlaybar .btn {
+  .btn {
     text-shadow: none;
   }
-
+  .btn-link {
-.overlaybar .btn-link {
     text-shadow: 0 0 5px black;
   }
+  .form-group > * {
+    float: left;
+    padding-top: 0;
+  }
+  input[type="radio"],
+  input[type="checkbox"] {
+    margin-top: 2px;
+  }
+  label {
+    padding-top: 7px !important;
+  }
+}
 
-.overlaybar .overlaybarbutton {
+.overlaybar {
+  .overlaybarbutton {
     font-size: 20px;
     vertical-align: middle;
     position: absolute;
@@ -67,35 +71,26 @@
     opacity: .7;
     pointer-events: auto;
   }
-
+  .overlaybarcontent {
-.overlaybar .overlaybarcontent {
     display: inline-block;
     margin-left: .5em;
     margin-bottom: 0;
     max-width: 60%;
-}
+    > * {
-
-.overlaybarcontent > * {
       padding-right: .5em;
     }
-
+    .input-group {
-.overlaybarcontent .input-group {
       max-width: 160px;
     }
-
-.overlaybar label {
-  padding-top: 7px !important;
   }
-
+  .overlaybaroverlay {
-.overlaybar .overlaybaroverlay {
     display: none;
     opacity: .7;
     text-align: left;
     margin-left: .5em;
     padding-top: 2px;
   }
-
+  &.notvisible {
-.overlaybar.notvisible {
     .overlaybarcontent {
       display: none;
     }
@@ -103,8 +98,4 @@
       display: block;
     }
   }
-
-.overlaybar .form-group > * {
-  float: left;
-  padding-top: 0;
 }