Fixing track wrapper; Responsive artist disc size

src/js/components/SpotifyAuthenticationFrame.js

@@ -84,7 +84,6 @@ class SpotifyAuthenticationFrame extends React.Component{
 	}
 
 	renderRefreshButton(){
-		console.log(typeof(window._testMode));
 		if( !this.props.authorized || !window._testMode) return null;
 
 		if( this.props.refreshing_token ){

src/js/services/spotify/actions.js

@@ -39,8 +39,11 @@ const sendRequest = ( dispatch, getState, endpoint, method = 'GET', data = false
                             resolve(response)
                         },
                         (xhr, status, error) => {
+                            var message = xhr.responseText
+                            if (error.error && error.error.message) message = error.error.message
+                            dispatch(uiActions.createNotification(message,'bad'))
+
                             console.error( endpoint+' failed', xhr.responseText)
-                            dispatch(uiActions.createNotification(xhr.responseText,'bad'))
                             reject(error)
                         }
                     )
@@ -59,7 +62,7 @@ function getToken( dispatch, getState ){
     return new Promise( (resolve, reject) => {
 
         // token is okay for now, so just resolve with the current token
-        if( new Date().getTime() < getState().spotify.token_expiry ){
+        if( getState().spotify.token_expiry && new Date().getTime() < getState().spotify.token_expiry ){
             resolve(getState().spotify.access_token)
             return
         }

src/js/views/library/LibraryAlbums.js

@@ -117,7 +117,9 @@ class LibraryAlbums extends React.Component{
 										</Link>
 										<h4><ArtistSentence className="grey-text" artists={album.artists} /></h4>
 									</div>
-									<TrackList tracks={album.tracks} />
+									<div className="list-wrapper">
+										<TrackList tracks={album.tracks} />
+									</div>
 								</div>
 							)
 						})

src/scss/components/_images.scss

@@ -54,16 +54,15 @@
 	height: 50vh;
 	width: 100%;
 	overflow: hidden;
-	background: $dark_grey;
+	background: #000000;
 
 	canvas {
 		width: 100%;
 		height: 100%;
 		opacity: 0;
-		@include animate( 0.1s );
 
 		&.loaded {
-			opacity: 0.5;
+			opacity: 0.4;
 		}
 	}
 }

src/scss/views/_artist.scss

@@ -84,6 +84,12 @@
 		.intro {
 			margin-bottom: 20px;
 
+			.parallax {
+				canvas {
+					@include blur(5px);
+				}
+			}
+
 			.liner {
 				text-align: center;
 				padding-left: 20px;
@@ -94,7 +100,7 @@
 					position: static;
 					float: none;
 					margin: 0 auto 20px;
-					max-width: 100px;
+					max-width: 65%;
 				}
 
 				.sub-views {

src/scss/views/_search.scss

@@ -16,7 +16,7 @@
 
 	@include responsive( $bp_medium ){
 		.search-result-sections {
-			padding: 20px 20px 0;
+			padding: 10px 10px 0;
 			
 			section {
 				width: auto;