Wrappers

src/js/views/discover/DiscoverRecommendations.js

@@ -211,15 +211,15 @@ class Discover extends React.Component{
 		
 		return (
 			<div className="content-wrapper recommendations-results">
-				<section className="grid-wrapper">
+				<section>
 					<h4>Artists</h4>
 					<ArtistGrid artists={artists} />
 				</section>
-				<section className="grid-wrapper">
+				<section>
 					<h4>Albums</h4>
 					<AlbumGrid albums={albums} />
 				</section>
-				<section className="list-wrapper">
+				<section>
 					<h4>Tracks</h4>
 					{this.props.recommendations.tracks ? <TrackList className="discover-track-list" uri={uri} tracks={this.props.recommendations.tracks} /> : null}
 				</section>

src/scss/views/_discover.scss

@@ -31,14 +31,6 @@
 		}
 	}
 
-	section.grid-wrapper {
-		padding-bottom: 10px;
-		
-		&:not(:first-child){
-			padding-top: 0;
-		}
-	}
-
 	.seeds {
 		padding-top: 40px;
 
@@ -99,11 +91,14 @@
 			}
 		}
 	}
+	
+	section {
+		.grid {
+			padding-bottom: 20px;
+		}
+	}
 
 	@include responsive( $bp_medium ){
-		section {
-			padding: 20px;
-		}
 	}
 }