Softer UI

src/js/views/library/LibraryAlbums.js

@@ -82,7 +82,7 @@ class LibraryAlbums extends React.Component{
 				}
 			]
 			return (
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List 
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						rows={albums} 
@@ -93,7 +93,7 @@ class LibraryAlbums extends React.Component{
 			)
 		}else if( this.props.view == 'thumbnails' ){
 			return (
-				<section className="grid-wrapper">
+				<section className="content-wrapper">
 					<AlbumGrid 
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						albums={albums} />
@@ -101,7 +101,7 @@ class LibraryAlbums extends React.Component{
 			)
 		}else{
 			return (
-				<section className="grid-wrapper albums-detail-subview">
+				<section className="content-wrapper albums-detail-subview">
 					{
 						albums.map( album => {
 							return (

src/js/views/library/LibraryArtists.js

@@ -69,7 +69,7 @@ class LibraryArtists extends React.Component{
 				}
 			]
 			return (
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List 
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						rows={artists} 
@@ -80,7 +80,7 @@ class LibraryArtists extends React.Component{
 			)
 		}else{
 			return (
-				<section className="grid-wrapper">
+				<section className="content-wrapper">
 					<ArtistGrid 
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						artists={artists} />

src/js/views/library/LibraryLocal.js

@@ -36,7 +36,7 @@ export default class LibraryLocal extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="folder" title="Local" />
-				<section className="grid-wrapper">
+				<section className="content-wrapper">
 					<div className="grid category-grid">				
 						{
 							grid_items.map(

src/js/views/library/LibraryLocalAlbums.js

@@ -91,7 +91,7 @@ class LibraryLocalAlbums extends React.Component{
 			]
 
 			return (
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List 
 						columns={columns} 
 						rows={albums} 
@@ -101,7 +101,7 @@ class LibraryLocalAlbums extends React.Component{
 			)
 		}else{
 			return (
-				<section className="grid-wrapper">
+				<section className="content-wrapper">
 					<AlbumGrid albums={albums} />
 				</section>
 			)

src/js/views/library/LibraryLocalArtists.js

@@ -69,7 +69,7 @@ class LibraryLocalArtists extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="music" title="Local artists" />
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List 
 						columns={[{ name: 'name', width: '100'}]} 
 						rows={artists} 

src/js/views/library/LibraryLocalDirectory.js

@@ -94,7 +94,7 @@ class LibraryLocalDirectory extends React.Component{
 		return (
 			<div className="view library-local-view">
 				<Header icon="music" title="Local files" options={options} uiActions={this.props.uiActions} />
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List
 						columns={[{ name: 'name', width: '100'}]} 
 						rows={items.folders} 

src/js/views/library/LibraryPlaylists.js

@@ -91,7 +91,7 @@ class LibraryPlaylists extends React.Component{
 				}
 			]
 			return (
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					<List
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						rows={playlists}
@@ -102,7 +102,7 @@ class LibraryPlaylists extends React.Component{
 			)
 		}else{
 			return (
-				<section className="grid-wrapper">
+				<section className="content-wrapper">
 					<PlaylistGrid
 						handleContextMenu={(e,item) => this.handleContextMenu(e,item)}
 						playlists={playlists} />

src/js/views/library/LibraryTracks.js

@@ -42,7 +42,7 @@ class LibraryTracks extends React.Component{
 		return (
 			<div className="view library-tracks-view">
 				<Header icon="music" title="My tracks" />
-				<section className="list-wrapper">
+				<section className="content-wrapper">
 					{ this.props.tracks ? <TrackList tracks={this.props.tracks} /> : null }
 					<LazyLoadListener enabled={this.props.tracks_more} loadMore={ () => this.loadMore() }/>
 				</section>