Responsive new layout; Fixing search on mobile

src/scss/views/_album.scss

@@ -1,6 +1,5 @@
 
 .album-view {
-
 	.title {
 		padding: 30px 40px;
 
@@ -21,9 +20,34 @@
 		@include clearfix();
 	}
 
+	.description {
+		padding-bottom: 5px;
+	}
+
 	.thumbnail {
 		float: left;
 		max-width: 230px;
 		margin: 0 30px 30px 0;
 	}
+
+	@include responsive( $bp_medium ){
+		.title {
+			padding: 20px 20px;
+		}
+
+		.thumbnail {
+			float: none;
+			max-width: none;
+			margin: 0 0 0 0;
+
+			.image {
+				padding-bottom: 70%;
+			}
+		}
+
+		.actions {
+			text-align: center;
+			padding-bottom: 20px;
+		}
+	}
 }

src/scss/views/_artist.scss

@@ -35,11 +35,12 @@
 
 			.sub-views {
 				color: #FFFFFF;
+				margin-left: -12px;
 
 				.option {
 					display: inline-block;
 					padding: 8px 0;
-					margin: 0 25px 0 0;
+					margin: 0 12px 0;
 					font-size: 18px;
 					font-weight: 400;
 					border-bottom: 4px solid transparent;
@@ -64,73 +65,20 @@
 
 	@include responsive( $bp_medium ){
 		.intro {
-			padding: 50px 30px 60px 30px;
+			.liner {
+				text-align: center;
+				padding-left: 20px;
+				padding-right: 20px;
 
-			.parallax {
-				height: 100%;
-				background: $darkest_grey;
-				canvas {
-					opacity: 0.2;
-					@include blur( 5px );
-				}
-			}
+				.sub-views {
+					margin-left: 0;
 
-			.thumbnail {
-				position: relative;
-				width: 180px;
-				margin: 0 auto 10px;
-				left: auto;
-				bottom: auto;
-			}
-
-			.heading-wrapper {
-				height: auto;
-				position: static;
-
-				.heading {
-					position: static;
-					bottom: auto;
-					left: auto;
-
-					h1 {
-						position: relative;
-						text-align: center;
-						padding: 15px 0;
+					.option {
+						margin: 0 8px;
 					}
-
-					.sub-views {
-						position: absolute;
-						bottom: 0;
-						left: 20px;
-						right: 20px;
-					}
-				}
-			}
-
-			.details-wrapper {
-				padding: 0;
-				position: relative;
-				left: 0;
-				right: 0;
-				padding: 20px 0;
-				z-index: 3;
-
-				.actions {
-					text-align: center;
-					margin: 0;
-					float: none;
-
-					button {
-						margin: 0 3px;
-					}
-				}
-
-				.details {
-					display: none;
 				}
 			}
 		}
-
 		.body {
 			&.overview {
 				.col.w70 {

src/scss/views/_playlist.scss

@@ -30,4 +30,25 @@
 		max-width: 230px;
 		margin: 0 30px 30px 0;
 	}
+
+	@include responsive( $bp_medium ){
+		.title {
+			padding: 20px 20px;
+		}
+
+		.thumbnail {
+			float: none;
+			max-width: none;
+			margin: 0 0 0 0;
+
+			.image {
+				padding-bottom: 70%;
+			}
+		}
+
+		.actions {
+			text-align: center;
+			padding-bottom: 20px;
+		}
+	}
 }

src/scss/views/_search.scss

@@ -1,7 +1,9 @@
 
 .search-view {
+
 	.search-result-sections {
 		padding: 20px 20px 0;
+
 		section {
 			width: 33.3334%;
 			float: left;
@@ -11,4 +13,15 @@
 			}
 		}
 	}
+
+	@include responsive( $bp_medium ){
+		.search-result-sections {
+			padding: 20px 20px 0;
+			
+			section {
+				width: auto;
+				float: none;
+			}
+		}
+	}
 }