From f0ebe8a626938fe17f261855191214c2f16e6206 Mon Sep 17 00:00:00 2001
From: Aurélien Bompard <aurelien@bompard.org>
Date: Thu, 28 Nov 2013 17:36:49 +0100
Subject: Small design improvement on the overview page

---
 hyperkitty/static/hyperkitty/css/hyperkitty-overview.css | 5 +++--
 hyperkitty/templates/overview.html                       | 7 ++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/hyperkitty/static/hyperkitty/css/hyperkitty-overview.css b/hyperkitty/static/hyperkitty/css/hyperkitty-overview.css
index 062b3c5..8a95ff3 100644
--- a/hyperkitty/static/hyperkitty/css/hyperkitty-overview.css
+++ b/hyperkitty/static/hyperkitty/css/hyperkitty-overview.css
@@ -120,7 +120,8 @@ section#title #description {
 }
 
 section#title .chart {
-  margin-top: 2em;
+  margin-top: 1.5em;
+  height: 60px;
 }
 section#title .chart-data {
   border: 1px solid #bbb;
@@ -128,7 +129,7 @@ section#title .chart-data {
 
 section#title p.thread-new {
   text-align: left;
-  margin-top: 1em;
+  margin-top: 2em;
 }
 
 section#statistics {
diff --git a/hyperkitty/templates/overview.html b/hyperkitty/templates/overview.html
index b8be4ae..e47feaa 100644
--- a/hyperkitty/templates/overview.html
+++ b/hyperkitty/templates/overview.html
@@ -31,8 +31,9 @@
 
 	    <section id="statistics">
 
-		<div id="chart">
-        </div>
+		<div class="chart">
+			<img alt="Loading..." class="ajaxloader" src="{{ STATIC_URL }}hyperkitty/img/ajax-loader.gif" />
+		</div>
 		<p class="caption">Post volume over the past <strong>30</strong> days.</p>
 
 		<p class="thread-new">
@@ -152,7 +153,7 @@
 
 <script type="text/javascript" >
     $(function() {
-        ajax_chart("#chart", "{% url 'list_recent_activity' mlist.name %}");
+        ajax_chart(".chart", "{% url 'list_recent_activity' mlist.name %}");
     });
 </script>
 
-- 
cgit