From 81b860c6a8464d9d3e8fb059e4845f7796bd9100 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Mon, 12 Dec 2016 16:16:17 +1300
Subject: [PATCH] Modal padding

---
 src/js/components/Modal/SendAuthorizationModal.js | 2 +-
 src/js/components/SpotifyAuthenticationFrame.js   | 4 ++--
 src/js/services/localstorage/middleware.js        | 2 +-
 src/scss/components/_modal.scss                   | 4 ++++
 4 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/js/components/Modal/SendAuthorizationModal.js b/src/js/components/Modal/SendAuthorizationModal.js
index f96f0318..71a86c85 100755
--- a/src/js/components/Modal/SendAuthorizationModal.js
+++ b/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">
 					{
diff --git a/src/js/components/SpotifyAuthenticationFrame.js b/src/js/components/SpotifyAuthenticationFrame.js
index e6216c44..8aafbff6 100755
--- a/src/js/components/SpotifyAuthenticationFrame.js
+++ b/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>
 			);
 		}
 	}
diff --git a/src/js/services/localstorage/middleware.js b/src/js/services/localstorage/middleware.js
index 67bac113..3c323be8 100755
--- a/src/js/services/localstorage/middleware.js
+++ b/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 ){
 
diff --git a/src/scss/components/_modal.scss b/src/scss/components/_modal.scss
index 79656d22..d1bcc283 100755
--- a/src/scss/components/_modal.scss
+++ b/src/scss/components/_modal.scss
@@ -102,6 +102,10 @@
 					background: rgba(255,255,255,0.1);
 				}
 			}
+
+			&.pusher-connection-list {
+				padding-top: 50px;
+			}
 		}
 	}