Fixed volume up button from making you deaf.

frontend/components/Station/Station.vue

@@ -46,7 +46,7 @@
 									<i class="material-icons" @click='toggleMute()' v-if='muted'>volume_mute</i>
 									<i class="material-icons" @click='toggleMute()' v-else>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" @click='toggleMaxVolume()'>volume_up</i>
+									<i class="material-icons" @click='increaseVolume()'>volume_up</i>
 								</p>
 							</form>
 							<div class="column is-8-mobile is-5-desktop" style="float: right;">
@@ -296,14 +296,23 @@
 					this.muted = !this.muted;
 					$("#volumeSlider").val(volume);
 					this.player.setVolume(volume);
+					localStorage.setItem("volume", volume);
 				}
 			},
-			toggleMaxVolume: function () {
+			increaseVolume: function () {
 				if (this.playerReady) {
 					let previousVolume = parseInt(localStorage.getItem("volume"));
-					let volume = this.player.getVolume() <= previousVolume ? 100 : previousVolume;
+					let volume = previousVolume + 5;
+					if (previousVolume === 0) {
+						this.muted = false;
+					}
+					if (volume > 100) {
+						volume = 100;
+					}
+					console.log(previousVolume, volume);
 					$("#volumeSlider").val(volume);
 					this.player.setVolume(volume);
+					localStorage.setItem("volume", volume);
 				}
 			},
 			toggleLike: function() {