From 6e762729e0d2d8f1e762eafce39d8fddf7d13003 Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Wed, 21 Sep 2016 16:57:11 -0400
Subject: [PATCH] style loading and no results messages

---
 src/popup/app/current/views/current.html |  8 ++++----
 src/popup/app/vault/views/vault.html     |  6 +++---
 src/popup/less/components.less           | 22 ++++++++++++++++++++++
 3 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/popup/app/current/views/current.html b/src/popup/app/current/views/current.html
index 8c03c7305f..d45b398217 100644
--- a/src/popup/app/current/views/current.html
+++ b/src/popup/app/current/views/current.html
@@ -24,10 +24,10 @@
             </div>
         </div>
     </div>
-    <div ng-if="loaded && !sites.length">
-        <p>No sites available for tab. <a href="" ng-click="addSite()">Add one</a></p>
+    <div class="no-results" ng-if="loaded && !sites.length">
+        <p>No sites available to auto-fill for the current browser tab. <a href="" ng-click="addSite()">Add one</a></p>
     </div>
-    <div ng-if="!loaded">
-        <p><i class="fa fa-lg fa-spinner fa-spin"></i></p>
+    <div class="page-loading" ng-if="!loaded">
+        <i class="fa fa-lg fa-spinner fa-spin"></i>
     </div>
 </div>
diff --git a/src/popup/app/vault/views/vault.html b/src/popup/app/vault/views/vault.html
index 237d698ce2..0be5e0ddf2 100644
--- a/src/popup/app/vault/views/vault.html
+++ b/src/popup/app/vault/views/vault.html
@@ -35,10 +35,10 @@
             </div>
         </div>
     </div>
-    <div ng-if="loaded && !vaultSites.length">
+    <div class="no-results" ng-if="loaded && !vaultSites.length">
         <p>No sites to list. <a href="" ng-click="addSite()">Add one</a></p>
     </div>
-    <div ng-if="!loaded">
-        <p><i class="fa fa-lg fa-spinner fa-spin"></i></p>
+    <div class="page-loading" ng-if="!loaded">
+        <i class="fa fa-lg fa-spinner fa-spin"></i>
     </div>
 </div>
diff --git a/src/popup/less/components.less b/src/popup/less/components.less
index 869bbeb105..6c6d8653a8 100644
--- a/src/popup/less/components.less
+++ b/src/popup/less/components.less
@@ -398,3 +398,25 @@
 .text-accent {
     color: @brand-primary-accent;
 }
+
+.page-loading {
+    .fa-spinner {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        color: @gray-light;
+        margin-left: -5px;
+        margin-top: -15px;
+    }
+}
+
+.no-results {
+    p {
+        position: fixed;
+        top: 50%;
+        margin-top: -20px;
+        display: block;
+        width: 100%;
+        text-align: center;
+    }
+}