minor styling cleanup

8 years ago · 734b2cbf0a
2 changed files with 36 additions and 8 deletions
--- 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>
--- a/gui/loading.css
+++ 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;
+}