From 71e4782958a3ba5cfb4051bdc9b175f5a5e8d0cc Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Fri, 1 Jun 2018 20:44:30 +1200
Subject: [PATCH] Volume control on mobile

---
 src/js/components/Fields/SnapcastVolumeControl.js |  4 ++--
 src/scss/components/_snapcast-volume-control.scss | 12 ++++++++++++
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/js/components/Fields/SnapcastVolumeControl.js b/src/js/components/Fields/SnapcastVolumeControl.js
index be42551a..ed602bc8 100755
--- a/src/js/components/Fields/SnapcastVolumeControl.js
+++ b/src/js/components/Fields/SnapcastVolumeControl.js
@@ -49,9 +49,9 @@ class SnapcastVolumeControl extends React.Component{
 		for (var key in this.props.snapcast_clients){
 			if (this.props.snapcast_clients.hasOwnProperty(key)){
 				var client = this.props.snapcast_clients[key];
-				//if (client.connected){
+				if (client.connected){
 					clients.push(client);
-				//}
+				}
 			}
 		}
 
diff --git a/src/scss/components/_snapcast-volume-control.scss b/src/scss/components/_snapcast-volume-control.scss
index 6c7ac97a..588de0ed 100755
--- a/src/scss/components/_snapcast-volume-control.scss
+++ b/src/scss/components/_snapcast-volume-control.scss
@@ -14,6 +14,7 @@
 		text-align: left;
 		border-radius: 3px;
 		box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
+		z-index: 9;
 
 		&:after {
 			content: '';
@@ -56,5 +57,16 @@
 			}
 		}
 	}
+
+	@include responsive($bp_medium){
+		.volumes {
+			width: 86vw;
+			right: 0;
+
+			&:after {
+				right: 9px;
+			}
+		}
+	}
 }