From 07f262abcaa5b0819e0db8b182632545884c5a5c Mon Sep 17 00:00:00 2001
From: Max Tyler <iam4x@me.com>
Date: Thu, 21 Jul 2016 23:17:32 +0200
Subject: [PATCH] style: add loading message

---
 src/views/map/index.js | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/views/map/index.js b/src/views/map/index.js
index 3545779..7668127 100644
--- a/src/views/map/index.js
+++ b/src/views/map/index.js
@@ -87,9 +87,16 @@ class Map extends Component {
             <Pokeball lat={ userLocation[0] } lng={ userLocation[1] } />
           </GoogleMap> :
           <div
-            style={ { position: 'absolute', top: '50%', left: '50%' } }
-            className='alert alert-info'>
-            <i className='fa fa-spin fa-2x fa-refresh' />
+            style={ {
+              position: 'absolute',
+              top: 'calc(50vh - (100px / 2) - 60px)',
+              left: 'calc(50vw - (260px / 2))'
+            } }
+            className='alert alert-info text-center'>
+            <i
+              style={ { marginBottom: 10 } }
+              className='fa fa-spin fa-2x fa-refresh' />
+            <div>Loading user location & map...</div>
           </div> }
 
         <div className='btn btn-drag-map'>