From 283904d9768f0e87d62966870b0911bfd83bb9cf Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 13 Oct 2019 20:43:52 -0400
Subject: [PATCH] [O] Align loading message to bottom

---
 src/components/loading/loading.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/loading/loading.vue b/src/components/loading/loading.vue
index 09a2cec..c5e4bd1 100644
--- a/src/components/loading/loading.vue
+++ b/src/components/loading/loading.vue
@@ -8,9 +8,9 @@
                     <circle cx="50" cy="50" r="20" fill="none" class="path" />
                 </svg>
             </div>
-
-            <div id="details">{{text}}</div>
         </div>
+
+        <div id="details">{{text}}</div>
     </div>
 </template>
 
@@ -44,8 +44,14 @@
 
     #details
     {
+        width: 100%;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        margin-top: -5px;
         font-size: 16px;
-        color: #b9ddc3;
+        color: #eeeeee;
     }
 
     .el-loading-spinner