Authorization import modal styles

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="user-details">
-					<div className="intro">
 					<Thumbnail images={user.images} circle />
-						<h1>{user.display_name ? user.display_name : user.id}</h1>
+					<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>
 
 				<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>
 		)

src/scss/components/_modal.scss

@@ -210,11 +210,17 @@
 	}
 
 	&.receive_authorization {
-		.user-view {
+		.user-details {
-			padding-top: 40px;
+			@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;
 			}
 		}
 	}