| 
					
				 | 
			
			
				@@ -40,8 +40,10 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						<h4 class="thin" style="margin-left: 0">{{currentSong.artists}}</h4> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						<div class="columns is-mobile"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							<form style="margin-top: 12px; margin-bottom: 0;" action="#" class="column is-7-desktop is-4-mobile"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-								<p style="margin-top: 0; position: relative;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+								<p style="margin-top: 0; position: relative; display: flex;"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<i class="material-icons">volume_down</i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 									<input type="range" id="volumeSlider" min="0" max="100" class="active" v-on:change="changeVolume()" v-on:input="changeVolume()"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+									<i class="material-icons">volume_up</i> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								</p> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							</form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							<div class="column is-8-mobile is-5-desktop" style="float: right;"> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -319,8 +321,6 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 								if (data.status === 'success') _this.queue = data.queue; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 							}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 						} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-					} else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-						//TODO Handle error 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 					} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 				}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 			} 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -465,6 +465,11 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		text-align: center; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	#volumeSlider { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+		padding: 0 15px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    	background: transparent; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+	} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	.stationDisplayName { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 		color: white !important; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 	} 
			 |