Expanded loading state for a smoother transition

acorncom · acorncom · commit b66ef00200b6 · 2017-06-29T17:40:37.000-06:00
diff --git a/app/styles/app.scss b/app/styles/app.scss
@@ -183,6 +183,11 @@ span.small {
     color: rgb(166, 0, 0)
 }
 
+div.loading-state {
+    text-align: center;
+    height: 65vh;
+    padding-top: 30vh;
+}
 span.loading {
     display: inline-block;
     width: 16px;
diff --git a/app/templates/loading.hbs b/app/templates/loading.hbs
@@ -1 +1,3 @@
-Loading...
+<div class="loading-state">
+  <span class="loading"></span> Loading...
+</div>
