Refining modal styles and responsive structures

src/scss/views/_album.scss

@@ -38,7 +38,9 @@ main .album-view {
 
 		.thumbnail-wrapper {
 			width: 40%;
-			padding: 10px 20px 10px 10px;
+			padding: 10px 20px 10px 0;
+			float: left;
+			position: static;
 
 			.thumbnail {
 				float: none;
@@ -48,8 +50,7 @@ main .album-view {
 		}
 
 		.title {
-			padding: 20px 20px 20px 40%;
-			min-height: 30vw;
+			padding: 30px 0 20px 40%;
 
 			.details {
 				padding: 5px 0;
@@ -57,8 +58,20 @@ main .album-view {
 		}
 
 		.actions {
-			text-align: center;
-			padding: 20px 5px;
+			@include clearfix();
+			padding: 10px 0 20px 40%;
+		}
+	}
+
+	@include responsive( $bp_small ){
+		.title {
+			@include clearfix();
+			padding: 20px 20px 10px 40%;
+			min-height: 20vw;
+		}
+
+		.actions {
+			padding: 0;
 		}
 	}
 }

src/scss/views/_artist.scss

@@ -84,7 +84,7 @@
 
 	@include responsive( $bp_medium ){
 		.intro {
-			margin-bottom: 20px;
+			margin-bottom: 0;
 
 			.parallax {
 				canvas {
@@ -93,20 +93,28 @@
 			}
 
 			.liner {
-				text-align: center;
-				padding-left: 20px;
-				padding-right: 20px;
+				padding-left: 0;
+				padding-right: 0;
 				padding-top: 10vh;
 
 				.thumbnail {
 					position: static;
-					float: none;
-					margin: 0 auto 20px;
-					max-width: 65%;
+					float: left;
+					margin: 0 20px 0 20px;
+					width: 30%;
+				}
+
+				h1 {
+					@include clearfix();
+					padding: 12vw 10px 0 0;
+				}
+
+				.actions {
+					padding: 30px 10px 10px;
 				}
 
 				.sub-views {
-					margin-left: 0;
+					margin-left: 5px;
 
 					.option {
 						margin: 0 8px;

src/scss/views/_discover.scss

@@ -3,7 +3,7 @@
 	
 	.intro {
 		position: relative;
-		padding: 200px 40px 80px 40px;
+		padding: 90px 40px 70px;
 		z-index: 1;
 
 		.parallax {
@@ -40,6 +40,7 @@
 	}
 
 	.seeds {
+		padding-top: 40px;
 
 		.seed {
 			display: inline-block;
@@ -110,7 +111,7 @@
 .discover-new-releases-view {
 	.intro {
 		position: relative;
-		padding-top: 130px;
+		padding-top: 80px;
 
 		header {
 			margin-bottom: 0;

src/scss/views/_playlist.scss

@@ -38,7 +38,9 @@ main .playlist-view {
 
 		.thumbnail-wrapper {
 			width: 40%;
-			padding: 10px 20px 10px 10px;
+			padding: 10px 20px 10px 0;
+			float: left;
+			position: static;
 
 			.thumbnail {
 				float: none;
@@ -48,8 +50,7 @@ main .playlist-view {
 		}
 
 		.title {
-			padding: 20px 20px 20px 40%;
-			min-height: 30vw;
+			padding: 30px 0 20px 40%;
 
 			.details {
 				padding: 5px 0;
@@ -57,8 +58,20 @@ main .playlist-view {
 		}
 
 		.actions {
-			text-align: center;
-			padding: 20px 5px;
+			@include clearfix();
+			padding: 10px 0 20px 40%;
+		}
+	}
+
+	@include responsive( $bp_small ){
+		.title {
+			@include clearfix();
+			padding: 20px 20px 10px 40%;
+			min-height: 20vw;
+		}
+
+		.actions {
+			padding: 0;
 		}
 	}
 }

src/scss/views/_search.scss

@@ -35,6 +35,7 @@
 		.search-form {
 			top: 18px;
 			left: 50px;
+			right: 60px;
 
 			input {
 				font-size: 1.8rem;