Remove useless stop

src/components/Player/Controls.vue

@@ -1,30 +1,25 @@
 <template>
 	<div class="controls">
 		<PauseButton v-if="!player.paused"
-			class="pointer pause"
+			class="pointer"
 			:size="50"
 			@click="$store.dispatch('player/pause')" />
 		<PlayButton v-if="player.paused"
-			class="pointer play"
+			class="pointer"
 			:size="50"
 			@click="$store.dispatch('player/play')" />
-		<StopButton class="pointer stop"
-			:size="30"
-			@click="$store.dispatch('player/stop')" />
 	</div>
 </template>
 
 <script>
 import PauseButton from 'vue-material-design-icons/Pause.vue'
 import PlayButton from 'vue-material-design-icons/Play.vue'
-import StopButton from 'vue-material-design-icons/Stop.vue'
 
 export default {
 	name: 'Controls',
 	components: {
 		PauseButton,
 		PlayButton,
-		StopButton,
 	},
 	computed: {
 		player() {
@@ -42,10 +37,4 @@ export default {
 	.pointer {
 		cursor: pointer;
 	}
-
-	@media only screen and (max-width: 768px) {
-		.stop {
-			display: none;
-		}
-	}
 </style>