Iconography for player

src/scss/components/_lists.scss

@@ -31,7 +31,7 @@
 		}
 
 		&.playing {
-			font-weight: bold;
+			color: $turquoise;
 		}
 
 		.select-zone,
@@ -183,7 +183,7 @@
 		.artist {
 			display: block;
 			border: 0;
-			margin-bottom: 5px;
+			margin: 10px 0;
 			@include clearfix;
 
 			.thumbnail {

src/scss/components/_playback-controls.scss

@@ -87,14 +87,24 @@
 		font-size: 12px;
 		color: $white;
 		cursor: pointer;
-		padding: 8px;
+		padding: 8px 6px;
 		display: inline-block;
 		vertical-align: bottom;
 		opacity: 0.8;
 
+		.icon {
+			width: 12px;
+			height: 12px;
+			@include invert();
+		}
+
 		&.play {
-			font-size: 24px;
 			margin-bottom: -6px;
+
+			.icon {
+				width: 24px;
+				height: 24px;
+			}
 		}
 
 		&.active {