Softer UI

src/js/views/discover/DiscoverCategories.js

@@ -43,7 +43,7 @@ class DiscoverCategories extends React.Component{
 		return (
 			<div className="view discover-categories-view">
 				<Header icon="grid" title="Genre / Mood" />
-				<section className="grid-wrapper">
+				<section className="content-wrapper grid-wrapper">
 					<CategoryGrid categories={categories} />
 				</section>
 			</div>

src/js/views/discover/DiscoverCategory.js

@@ -62,10 +62,12 @@ class DiscoverCategory extends React.Component{
 		return (
 			<div className="view discover-categories-view">
 				<Header icon="grid" title={this.props.category.name} />
-				<section className="grid-wrapper">
-					<PlaylistGrid playlists={playlists} />
-				</section>
-				<LazyLoadListener enabled={this.props.category.playlists_more} loadMore={ () => this.loadMore() }/>
+				<div className="content-wrapper">
+					<section className="grid-wrapper">
+						<PlaylistGrid playlists={playlists} />
+					</section>
+					<LazyLoadListener enabled={this.props.category.playlists_more} loadMore={ () => this.loadMore() }/>
+				</div>
 			</div>
 		);
 	}

src/js/views/discover/DiscoverFeatured.js

@@ -101,7 +101,7 @@ class DiscoverFeatured extends React.Component{
 			<div className="view discover-featured-view">
 				<Header className="overlay" icon="star" title="Featured playlists" />
 				{this.renderIntro(first_playlist)}
-				<section className="grid-wrapper">
+				<section className="content-wrapper grid-wrapper">
 					{playlists ? <PlaylistGrid playlists={playlists} /> : null }
 				</section>
 			</div>

src/js/views/discover/DiscoverNewReleases.js

@@ -109,7 +109,7 @@ class DiscoverNewReleases extends React.Component{
 			<div className="view discover-new-releases-view">
 				<Header className="overlay" icon="leaf" title="New Releases" />
 				{this.renderIntro(first_album)}
-				<section className="grid-wrapper">
+				<section className="content-wrapper grid-wrapper">
 					<AlbumGrid albums={albums} />
 				</section>
 				<LazyLoadListener enabled={this.props.new_releases_more} loadMore={ () => this.loadMore() }/>