From 734b2cbf0af2090c9b1b794ad9025f1c36607353 Mon Sep 17 00:00:00 2001
From: pbca26 <pbca26@gmail.com>
Date: Fri, 17 Feb 2017 22:23:06 +0300
Subject: [PATCH] minor styling cleanup

---
 gui/index.html  | 17 +++++++++--------
 gui/loading.css | 27 +++++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 8 deletions(-)
 create mode 100644 gui/loading.css
diff --git a/gui/index.html b/gui/index.html
index 9630b28..09eb078 100644
--- a/gui/index.html
+++ b/gui/index.html
@@ -4,6 +4,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
     <link rel="stylesheet" href="EasyDEX-GUI/assets/global/css/bootstrap.min.css">
     <link rel="stylesheet" href="jRoll.min.css">
+    <link rel="stylesheet" href="loading.css">
     <script type="text/javascript" src="module-hack.js"></script>
     <script type="text/javascript" src="EasyDEX-GUI/assets/global/vendor/jquery/jquery.min.js"></script>
     <script type="text/javascript" src="bluebird.min.js"></script>
@@ -11,15 +12,15 @@
     <script type="text/javascript" src="jRoll.min.js"></script>
     <script>if (window.module) module = window.module;</script>
   </head>
-  <body style="overflow:hidden;">
-    <div style="text-align: center;">
-      <div style="/*background-image: url('loading.gif'); background-repeat: no-repeat; background-position: center;*/ height: 240px; width: 400px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;">
-        <span id="loading_status_text">Starting Wallet. Please wait...</span><br>
-        <span id="loading_sub_status_text"></span><br>
-        <span id="loading_sub_status_output_text"></span>
+  <body>
+    <div class="text-center">
+      <div class="loader-block">
+        <div id="loading_status_text">Starting Wallet. Please wait...</div>
+        <div id="loading_sub_status_text"></div>
+        <div id="loading_sub_status_output_text"></div>
       </div>
-      <div id="pulse" style="margin: 80px 50px"></div>
+      <div id="pulse" class="pulse-loader"></div>
     </div>
     <script type="text/javascript" src="init.js"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/gui/loading.css b/gui/loading.css
new file mode 100644
index 0000000..159870a
--- /dev/null
+++ b/gui/loading.css
@@ -0,0 +1,27 @@
+body {
+  overflow: hidden !important;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.loader-block {
+  /*
+  background-image: url('loading.gif');
+  background-repeat: no-repeat;
+  background-position: center;
+  */
+  height: 240px;
+  width: 400px;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+
+.pulse-loader {
+  margin: 80px 50px;
+}
\ No newline at end of file
