From d49507350119c79c1ffb09b054d08b7545703a18 Mon Sep 17 00:00:00 2001
From: zsloan
Date: Thu, 1 Aug 2019 15:04:06 -0500
Subject: Replaced loading bar with a gif that should work in Safari

---
 wqflask/wqflask/templates/loading.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/wqflask/wqflask/templates/loading.html b/wqflask/wqflask/templates/loading.html
index 3eb061e5..4c30664b 100644
--- a/wqflask/wqflask/templates/loading.html
+++ b/wqflask/wqflask/templates/loading.html
@@ -6,8 +6,8 @@
   {% endfor %}
   <div class="container">
     <div>
-      <div style="min-height: 80vh; display: flex; align-items: center;">
-        <div style="margin-bottom: 5px; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); position: absolute;">
+      <div style="min-height: 80vh; display: flex; align-items: center; text-align: center;">
+        <div style="margin-bottom: 5px; left: 50%; margin-right: -50%; margin-top: 10%; transform: translate(-50%, -50%); position: absolute;">
         {% if start_vars.tool_used == "Mapping" %}
         <h1>Computing the Map</h1>
         <br>
@@ -23,10 +23,17 @@
         {% else %}
         <h1>Loading&nbsp;{{ start_vars.tool_used }}&nbsp;Results...</h1>
         {% endif %}
+        <br><br>
+        <img align="center" src="/static/gif/89.gif">
         </div>
+        <!--<div style="margin-left: auto; margin-right: auto; display: block; width: 50%; top:50%;">
+            <img align="center" src="/static/gif/89.gif">
+        </div>-->
+        <!--
         <div class="progress center-block" style="margin-left: 25%; margin-right: 25%; position: absolute; height:50px; width:50%; top:50%;">
           <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%;"></div>
         </div>
+        -->
       </div>
     </div>
   </div>
-- 
cgit v1.2.3