Grid and list fields; Dater sentence; Testing parallax

src/js/views/library/LibraryAlbums.js

@@ -33,7 +33,9 @@ class LibraryAlbums extends React.Component{
 					icon="cd"
 					title="My albums"
 					/>
-				{ this.props.spotify.library_albums ? <AlbumGrid albums={this.props.spotify.library_albums.items} /> : null }
+				<section className="grid-wrapper">
+					{ this.props.spotify.library_albums ? <AlbumGrid albums={this.props.spotify.library_albums.items} /> : null }
+				</section>
 				<LazyLoadListener loadMore={ () => this.loadMore() }/>
 			</div>
 		);

src/js/views/library/LibraryArtists.js

@@ -34,7 +34,9 @@ class LibraryArtists extends React.Component{
 					icon="mic"
 					title="My artists"
 					/>
-				{ this.props.spotify.library_artists ? <ArtistGrid artists={this.props.spotify.library_artists.items} /> : null }
+				<section className="grid-wrapper">
+					{ this.props.spotify.library_artists ? <ArtistGrid artists={this.props.spotify.library_artists.items} /> : null }
+				</section>
 				<LazyLoadListener loadMore={ () => this.loadMore() }/>
 			</div>
 		);

src/js/views/library/LibraryLocal.js

@@ -36,15 +36,17 @@ export default class LibraryLocal extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="folder" title="Local" />
-				<div className="grid category-grid">				
-					{
-						grid_items.map(
-							(item, index) => {
-								return <GridItem item={item} key={index} link={item.link} />
-							}
-						)
-					}
-				</div>
+				<section className="grid-wrapper">
+					<div className="grid category-grid">				
+						{
+							grid_items.map(
+								(item, index) => {
+									return <GridItem item={item} key={index} link={item.link} />
+								}
+							)
+						}
+					</div>
+				</section>
 			</div>
 		);
 	}

src/js/views/library/LibraryLocalArtists.js

@@ -38,9 +38,9 @@ class LibraryLocalArtists extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="music" title="Local artists" />
-				<div>
+				<section className="list-wrapper">
 					<List columns={[{ name: 'name', width: '100'}]} rows={this.props.mopidy.artists} link_prefix="/artist/" />
-				</div>
+				</section>
 			</div>
 		);
 	}

src/js/views/library/LibraryLocalDirectory.js

@@ -46,9 +46,9 @@ class LibraryLocalDirectory extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="music" title="Local files" />
-				<div>
+				<section className="list-wrapper">
 					<List columns={[{ name: 'name', width: '100'}]} rows={this.props.mopidy.directory} link_prefix="/library/local/directory/" />
-				</div>
+				</section>
 			</div>
 		);
 	}

src/js/views/library/LibraryPlaylists.js

@@ -68,7 +68,9 @@ class LibraryPlaylists extends React.Component{
 					icon="playlist"
 					title="My playlists"
 					/>
-				{ this.renderPlaylists() }
+				<section className="list-wrapper">
+					{ this.renderPlaylists() }
+				</section>
 			</div>
 		)
 	}

src/js/views/library/LibraryTracks.js

@@ -25,7 +25,9 @@ class LibraryTracks extends React.Component{
 		return (
 			<div className="view library-tracks-view">
 				<Header icon="music" title="My tracks" />
-				{ this.props.spotify.library_tracks ? <TrackList tracks={this.props.spotify.library_tracks.items} /> : null }
+				<section className="list-wrapper">
+					{ this.props.spotify.library_tracks ? <TrackList tracks={this.props.spotify.library_tracks.items} /> : null }
+				</section>
 			</div>
 		);
 	}