From 414172858285c096a6f2189e8ba4ed4054c17036 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Wed, 5 Jul 2017 08:00:57 +1200
Subject: [PATCH] Authorization import modal styles

---
 .../Modal/AuthorizationModal_Receive.js        | 18 ++++++++----------
 src/scss/components/_modal.scss                | 12 +++++++++---
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/js/components/Modal/AuthorizationModal_Receive.js b/src/js/components/Modal/AuthorizationModal_Receive.js
index 1d077dcb..339d1060 100755
--- a/src/js/components/Modal/AuthorizationModal_Receive.js
+++ b/src/js/components/Modal/AuthorizationModal_Receive.js
@@ -33,20 +33,18 @@ export default class extends React.Component{
 				<h1>Spotify authorization received</h1>
 				<h2 className="grey-text">{user.display_name ? user.display_name : user.id} has shared their Spotify authorization with you. Importing this will overwrite your existing Spotify Authorization.</h2>
 				
-				<div className="user-view">
-					<div className="intro">
-						<Thumbnail images={user.images} circle />
-						<h1>{user.display_name ? user.display_name : user.id}</h1>
-						<ul className="details">
-							<li>{user.id}</li>
-							<li>{user.followers.total} followers</li>
-						</ul>
-					</div>
+				<div className="user-details">
+					<Thumbnail images={user.images} circle />
+					<h2>{user.display_name ? user.display_name : user.id}</h2>
+					<ul className="details">
+						<li>{user.id}</li>
+						<li>{user.followers.total} followers</li>
+					</ul>
 				</div>
 
 				<div className="actions centered-text">
 					<button onClick={e => this.props.uiActions.closeModal()}>Ignore</button>
-					<button className="primary" onClick={e => this.handleImport(e)}>Import</button>
+					<button className="primary" onClick={e => this.handleImport(e)}>Import authorization</button>
 				</div>
 			</div>
 		)
diff --git a/src/scss/components/_modal.scss b/src/scss/components/_modal.scss
index 174049bc..5ee9d488 100755
--- a/src/scss/components/_modal.scss
+++ b/src/scss/components/_modal.scss
@@ -210,11 +210,17 @@
 	}
 
 	&.receive_authorization {
-		.user-view {
-			padding-top: 40px;
+		.user-details {
+			@include clearfix();
+			padding: 70px 0 0 120px;
+			min-height: 100px;
+			position: relative;
 
 			.thumbnail {
-				max-width: 150px;
+				max-width: 100px;
+				position: absolute;
+				top: 50px;
+				left: 0;
 			}
 		}
 	}