update loading screen for clarity

app/components/base/Loading.css

@@ -2,13 +2,15 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
 }
 
 .Loading-logo {
   animation: Loading-logo-spin infinite 20s linear;
   height: 40vmin;
   pointer-events: none;
-  margin-bottom: 20%;
+  margin-bottom: 5%;
+  margin-top: 10%;
 }
 
 @keyframes Loading-logo-spin {

app/components/base/Loading.jsx

@@ -8,6 +8,7 @@ function Loading() {
     <div className="Loading-container">
       <img className="Loading-logo" id="loading" src="https://our.status.im/content/images/2018/07/status_logo_blue_1--2-.png" />
       <Typography style={{ fontSize: '1.5rem' }}>Hold on while we gather the latest information</Typography>
+      <Typography style={{ fontSize: '1.2rem' }}>If this is your first visit it will take about a minute while we sync with the chain</Typography>
     </div>
   )
 }