From f36c75232503fd125b16bff77e15911529e01c38 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Wed, 5 Jul 2017 07:49:53 +1200
Subject: [PATCH] Wrappers

---
 .../views/discover/DiscoverRecommendations.js   |  6 +++---
 src/scss/views/_discover.scss                   | 17 ++++++-----------
 2 files changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/js/views/discover/DiscoverRecommendations.js b/src/js/views/discover/DiscoverRecommendations.js
index c62ffa87..a35f3cc0 100755
--- a/src/js/views/discover/DiscoverRecommendations.js
+++ b/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>
diff --git a/src/scss/views/_discover.scss b/src/scss/views/_discover.scss
index df88a5d0..eea81c40 100755
--- a/src/scss/views/_discover.scss
+++ b/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;
-		}
 	}
 }