From a9c71e89084581c6c214c3c3c25512c30ab082a3 Mon Sep 17 00:00:00 2001
From: NYPD <nypd54@outlook.com>
Date: Sun, 6 Aug 2017 02:50:23 -0400
Subject: [PATCH] Fix issues with the stratus container losing focus

---
 css/content-script.css | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/css/content-script.css b/css/content-script.css
index 69a9309..d8fa742 100644
--- 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;
 }