Merge pull request #809 from mrfelton/style/syncing-title-position

style(sync): vertically centre sync page title

app/components/Onboarding/Syncing/Syncing.js

@@ -96,7 +96,7 @@ class Syncing extends Component {
           </header>
 
           {hasSynced === true && (
-            <div>
+            <div className={styles.hasNotSynced}>
               <div className={styles.title}>
                 <h1>
                   <FormattedMessage {...messages.sync_title} />
@@ -105,14 +105,11 @@ class Syncing extends Component {
                   <FormattedMessage {...messages.sync_description} />
                 </p>
               </div>
-              <div className={styles.loading}>
-                <div className={styles.spinner} />
-              </div>
             </div>
           )}
 
           {hasSynced === false && (
-            <div>
+            <div className={styles.hasSynced}>
               <div className={styles.title}>
                 <h1>
                   <FormattedMessage {...messages.fund_title} />

app/components/Onboarding/Syncing/Syncing.scss

@@ -24,9 +24,6 @@
   }
 
   .title {
-    margin: 30px;
-    background: var(--darkestBackground);
-
     h1 {
       font-size: 20px;
       margin-bottom: 20px;
@@ -37,6 +34,14 @@
     }
   }
 
+  .hasNotSynced .title {
+    margin: 95px;
+  }
+
+  .hasSynced .title {
+    margin: 30px;
+  }
+
   .address {
     background: var(--darkestBackground);