Polishing spotify actions, removing middleware; Mopidy current track selection

src/scss/app.scss

@@ -1,6 +1,7 @@
 
 @import 'vendor/font-awesome/index';
 
+@import 'global/core';
 @import 'global/reset';
 @import 'global/forms';
 

src/scss/components/_track.scss

@@ -8,13 +8,28 @@
 	-ms-user-select: none;
 	user-select: none;
 
-	.name,
-	.artists,
-	.album,
-	.duration {
-		width: 20%;
+	position: relative;
+	padding: 8px 10px 8px 30px;
+	border-top: 1px solid #EEEEEE;
+	border-bottom: 1px solid #EEEEEE;
+	margin-bottom: -1px;
+
+	.col {
+		width: 10%;
 		min-height: 1px;
 		float: left;
+
+		&.name,
+		&.artists,
+		&.album {
+			width: 30%;
+		}
+	}
+
+	.select-state {
+		position: absolute;
+		top: 10px;
+		left: 10px;
 	}
 
 	&::after {
@@ -22,4 +37,17 @@
 		clear: both;
 		display: block;
 	}
+
+	&.playing {
+		font-weight: bold;
+	}
+
+	&.selected,
+	&.selected:hover {
+		background: #FFF39C;
+	}
+
+	&:hover{
+		background: #F4F4F4;
+	}
 }

src/scss/global/_core.scss

@@ -0,0 +1,14 @@
+
+
+body,
+html {
+	background: #FFFFFF;
+	color: #000000;
+	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
+	font-size: 14px;
+}
+
+body {
+	overflow-y: scroll;
+	overflow-x: hidden;
+}