Volume control on mobile

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);
-				//}
+				}
 			}
 		}
 

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;
+			}
+		}
+	}
 }