From df1405e99830f74cb9bd22ed5b298d044bb1eca4 Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Mon, 26 Jun 2017 21:47:57 +0100
Subject: [PATCH] Fixed mildly infuriating bug where the preloader rings
 overlap

---
 src/web/App.js                    |  2 +-
 src/web/stylesheets/preloader.css | 12 ++++++++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/web/App.js b/src/web/App.js
index 28739009..fd11b85b 100755
--- a/src/web/App.js
+++ b/src/web/App.js
@@ -73,7 +73,7 @@ App.prototype.loaded = function() {
     }, 1000);
 
     // Clear the loading message interval
-    clearInterval(window.loadingMsgInt);
+    clearInterval(window.loadingMsgsInt);
 };
 
 
diff --git a/src/web/stylesheets/preloader.css b/src/web/stylesheets/preloader.css
index e10297ac..0caa1de0 100644
--- a/src/web/stylesheets/preloader.css
+++ b/src/web/stylesheets/preloader.css
@@ -37,20 +37,24 @@
 #preloader:after {
     content: "";
     position: absolute;
-    top: 5px;
-    left: 5px;
-    right: 5px;
-    bottom: 5px;
     border: 3px solid transparent;
     border-radius: 50%;
 }
 
 #preloader:before {
+    top: 5px;
+    left: 5px;
+    right: 5px;
+    bottom: 5px;
     border-top-color: #e74c3c;
     animation: spin 3s linear infinite;
 }
 
 #preloader:after {
+    top: 13px;
+    left: 13px;
+    right: 13px;
+    bottom: 13px;
     border-top-color: #f9c922;
     animation: spin 1.5s linear infinite;
 }