Artistlist; Nicer sliders

src/scss/app.scss

@@ -23,4 +23,5 @@
 @import 'views/playlist';
 @import 'views/queue';
 @import 'views/search';
+@import 'views/settings';
 

src/scss/components/_lists.scss

@@ -75,22 +75,23 @@
 	.artist {
 		display: block;
 		border: 0;
-		margin-bottom: 15px;
+		margin-bottom: 5px;
 		@include clearfix;
 
 		.thumbnail {
+			@include animate();
 			width: 50px;
-			margin-right: 20px;
+			margin-right: 15px;
 			float: left;
 			border: 3px solid transparent;
 		}
 
 		.name {
-			display: inline-block;
-			padding-top: 15px;
+			display: block;
+			padding-top: 20px;
 		}
 
-		&:hover {
+		&.a:hover {
 			.thumbnail {
 				border-color: $turquoise;
 				opacity: 0.8;

src/scss/components/_player.scss

@@ -5,6 +5,7 @@
 		font-size: 16px;
 		text-transform: uppercase;
 		text-align: center;
+		padding-bottom: 15px;
 
 		.title {
 			@include one_line_text;
@@ -43,9 +44,13 @@
 		}
 	}
 
-	.slider.animating {
-		.progress{
-			/* @include animate(10s); */
+	.slider.horizontal {
+		margin-bottom: 0;
+
+		&.animating {
+			.progress{
+				/* @include animate(10s); */
+			}
 		}
 	}
 }

src/scss/global/_forms.scss

@@ -129,13 +129,6 @@ label {
 				height: 100%;
 			}
 		}
-
-		&:hover {
-			.track {
-				top: 7px;
-				height: 6px;
-			}
-		}
 	}
 
 	&.vertical {

src/scss/views/_artist.scss

@@ -17,4 +17,8 @@
 			padding-bottom: 45px;
 		}
 	}
+
+	.artist-list {
+		padding-top: 15px;
+	}
 }

src/scss/views/_queue.scss

@@ -3,7 +3,7 @@
 
 	.player {
 		text-align: center;
-		padding: 40px 0;
+		padding: 40px 0 10px;
 
 		.artwork,
 		.controls a {

src/scss/views/_settings.scss

@@ -0,0 +1,6 @@
+
+.settings-view {
+	section {
+		padding: 40px;
+	}
+}