Modal padding

src/js/components/Modal/SendAuthorizationModal.js

@@ -33,7 +33,7 @@ class SendAuthorizationModal extends React.Component{
 	render(){
 		return (
 			<div>
-				<h4 className="no-padding">Share Spotify authentication</h4>
+				<h4 className="no-bottom-padding">Share Spotify authentication</h4>
 				<h3 className="grey-text">Send your authentication tokens to another client. When the recipient client imports this, their Iris will have full access to your Spotify account.</h3>
 				<div className="list pusher-connection-list">
 					{

src/js/components/SpotifyAuthenticationFrame.js

@@ -70,11 +70,11 @@ class SpotifyAuthenticationFrame extends React.Component{
 			);
 		}else if( this.props.authorized ){
 			return (
-				<button onClick={() => this.props.actions.authorizationRevoked()}>Log out</button>
+				<button className="destructive" onClick={() => this.props.actions.authorizationRevoked()}>Log out</button>
 			);
 		}else{
 			return (
-				<button onClick={() => this.startAuthorization()}>Log in</button>
+				<button className="primary" onClick={() => this.startAuthorization()}>Log in</button>
 			);
 		}
 	}

src/js/services/localstorage/middleware.js

@@ -12,7 +12,7 @@ const localstorageMiddleware = (function(){
 
         // append our state to a global variable. This gives us access to debug the store at any point
         window._store = store
-        console.log(action)
+        //console.log(action)
 
         switch( action.type ){
 

src/scss/components/_modal.scss

@@ -102,6 +102,10 @@
 					background: rgba(255,255,255,0.1);
 				}
 			}
+
+			&.pusher-connection-list {
+				padding-top: 50px;
+			}
 		}
 	}