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 {

src/scss/views/_artist.scss

@@ -26,11 +26,12 @@
 
 			h1 {
 				padding-bottom: 25px;
-				font-size: 4rem;
+				font-size: 5rem;
+				line-height: 5rem;
 			}
 
 			.actions {
-				padding-bottom: 20px;
+				padding-bottom: 25px;
 
 				.context-menu-trigger {
 					color: $white;
@@ -42,13 +43,16 @@
 					@include feature_font();
 					color: $white;
 					display: inline-block;
-					padding: 8px 0;
 					margin-right: 25px;
 					font-size: 15px;
 					font-weight: 500;
-					border-bottom: 2px solid transparent;
+					border-bottom: 3px solid transparent;
 					cursor: pointer;
 
+					h4 {
+						margin: 8px 0 4px;
+					}
+
 					&.active {
 						border-color: $white;
 					}
@@ -75,6 +79,17 @@
 		}
 	}
 
+	@include responsive( $bp_wide ){
+		.intro {
+			.liner {
+				h1 {
+					font-size: 4rem;
+					line-height: 4rem;
+				}
+			}
+		}
+	}
+
 	@include responsive( $bp_medium ){
 		.intro {
 			margin-bottom: 0;