| 
														
															@@ -40,8 +40,10 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 						<h4 class="thin" style="margin-left: 0">{{currentSong.artists}}</h4> 
														 | 
														
														 | 
														
															 						<h4 class="thin" style="margin-left: 0">{{currentSong.artists}}</h4> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 						<div class="columns is-mobile"> 
														 | 
														
														 | 
														
															 						<div class="columns is-mobile"> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 							<form style="margin-top: 12px; margin-bottom: 0;" action="#" class="column is-7-desktop is-4-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()"> 
														 | 
														
														 | 
														
															 									<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> 
														 | 
														
														 | 
														
															 								</p> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 							</form> 
														 | 
														
														 | 
														
															 							</form> 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 							<div class="column is-8-mobile is-5-desktop" style="float: right;"> 
														 | 
														
														 | 
														
															 							<div class="column is-8-mobile is-5-desktop" style="float: right;"> 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -319,8 +321,6 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 								if (data.status === 'success') _this.queue = data.queue; 
														 | 
														
														 | 
														
															 								if (data.status === 'success') _this.queue = data.queue; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 							}); 
														 | 
														
														 | 
														
															 							}); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 						} 
														 | 
														
														 | 
														
															 						} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-					} else { 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															-						//TODO Handle error 
														 | 
														
														 | 
														
															 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 					} 
														 | 
														
														 | 
														
															 					} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 				}); 
														 | 
														
														 | 
														
															 				}); 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 			} 
														 | 
														
														 | 
														
															 			} 
														 | 
													
												
											
										
											
												
													
														 | 
														
															@@ -465,6 +465,11 @@ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		text-align: center; 
														 | 
														
														 | 
														
															 		text-align: center; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	} 
														 | 
														
														 | 
														
															 	} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															  
														 | 
														
														 | 
														
															  
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+	#volumeSlider { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+		padding: 0 15px; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+    	background: transparent; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+	} 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 
														 | 
														
														 | 
														
															+ 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	.stationDisplayName { 
														 | 
														
														 | 
														
															 	.stationDisplayName { 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 		color: white !important; 
														 | 
														
														 | 
														
															 		color: white !important; 
														 | 
													
												
											
												
													
														| 
														 | 
														
															 	} 
														 | 
														
														 | 
														
															 	} 
														 |