style(sync): vertically centre sync page title

If we are syncing after having already completed the initial sync we do
not show the funding address QR code. In this case, adjust the title
padding so that the page title is better centred.

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);