Fix issues with the stratus container losing focus

NYPD · Aug 6, 2017 · a9c71e8 · a9c71e8
1 parent 09a8eb3
commit a9c71e8
Showing 1 changed file with 15 additions and 4 deletions.
diff --git a/css/content-script.css b/css/content-script.css
@@ -1,6 +1,12 @@
 /* Soundcloud overwrites **************************************************************************/
 .playControls__volume {
-  margin-right: 10px !important;
+  margin-right: 5px !important;
+}
+
+/* Allows for the hover css property to properly take effexct */
+.playControls__volume.stratus {
+  padding-top: 5px;
+  margin-top: -5px;
 }
 
 .playControls__volume.stratus .volume__button {
@@ -42,16 +48,19 @@
   left: -66px;
   bottom: 50px;
   z-index: 1;
-  height: 45px;
+  height: 50px;
   padding: 5px;
   border-radius: 5px;
   text-align: center;
   background-color: #f2f2f2;
   border: 1px solid transparent;
-  border-color: #ccc;
+  border-color: #cccccc;
   box-shadow: 0 2px 4px rgba(0,0,0,.1);
 }
-.playControls__volume .stratus-slider-container .stratus-volume {
+.playControls__volume .stratus-slider-container .stratus-volume-input {
+  width: 40px;
+  padding-left: 5px;
+  padding-right: 5px;
   font-weight: bold;
 }
 
@@ -60,6 +69,8 @@
   cursor: pointer;
 }
 
+.playControls__volume.stratus:hover .stratus-slider-container,
+.playControls__volume.stratus .stratus-slider-container:hover,
 .playControls__volume.stratus .volume.expanded .stratus-slider-container {
   display: block;
 }