- track selection on row click (js)

- left margin alignment for 'explicit' icon (css)
- softer alt colors in table (light theme) (css)
- more visible download icon hover color (css)

src/components/TracklistTab.vue

@@ -35,8 +35,8 @@
 			</thead>
 			<tbody>
 				<template v-if="type !== 'spotifyPlaylist'">
-					<template v-for="track in body">
-						<tr v-if="track.type == 'track'">
+					<template v-for="(track, index) in body">
+						<tr v-if="track.type == 'track'" @click="selectRow(index, track)">
 							<td class="table__cell--x-small table__cell--center">
 								<div class="table__cell-content table__cell-content--vertical-center">
 									<i
@@ -285,10 +285,14 @@ export default {
 			} else {
 				this.body = playlistTracks
 			}
+		},
+		selectRow(index, track) {
+			track.selected = !track.selected;
 		}
 	},
 	mounted() {
 		EventBus.$on('tracklistTab:reset', this.reset)
+		EventBus.$on('tracklistTab:selectRow', this.selectRow)
 
 		socket.on('show_album', this.showAlbum)
 		socket.on('show_playlist', this.showPlaylist)