From f27615c7483f64e57c2136eb0fbc82d970c7fc69 Mon Sep 17 00:00:00 2001
From: nikhil rayaprolu <nikhil684@gmail.com>
Date: Fri, 22 Jul 2016 15:46:50 +0530
Subject: [PATCH] tor status UI update

---
 plinth/modules/tor/templates/tor.html | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/plinth/modules/tor/templates/tor.html b/plinth/modules/tor/templates/tor.html
index 6ccc35d0a..c7b1ee691 100644
--- a/plinth/modules/tor/templates/tor.html
+++ b/plinth/modules/tor/templates/tor.html
@@ -26,23 +26,38 @@
   {% if config_running %}
     <meta http-equiv="refresh" content="3" />
   {% endif %}
+<style type="text/css">
+  .loader {
+    border: 16px solid #f3f3f3; /* Light grey */
+    border-top: 16px solid #3498db; /* Blue */
+    border-radius: 50%;
+    width: 120px;
+    height: 120px;
+    animation: spin 2s linear infinite;
+}
 
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+</style>
 {% endblock %}
 
 
 {% block configuration %}
 
-  <h3>{% trans "Status" %}</h3>
-
+  
+<h3>{% trans "Status" %}</h3>
   {% if config_running %}
 
     <p class="running-status-parent">
       <span class="running-status active"></span>
       {% trans "Tor configuration is being updated" %}
-    </p>
-
+    </p>  
+    <div class="loader"></div>
   {% else %}
 
+
     <p class="running-status-parent">
       {% if status.is_running %}
         <span class="running-status active"></span>