From 0f294dd468ceeaf6a18c0595c8058efd1503dfec Mon Sep 17 00:00:00 2001
From: Aurélien Bompard <aurelien@bompard.org>
Date: Sun, 20 Jan 2013 16:10:20 -0600
Subject: Small overhaul of the list of lists

---
 hyperkitty/static/css/hyperkitty.css | 27 +++++++++++++++++++++++++++
 hyperkitty/templates/index.html      | 31 ++++++++++++++++---------------
 2 files changed, 43 insertions(+), 15 deletions(-)

diff --git a/hyperkitty/static/css/hyperkitty.css b/hyperkitty/static/css/hyperkitty.css
index 4aa3662..6a9f85a 100644
--- a/hyperkitty/static/css/hyperkitty.css
+++ b/hyperkitty/static/css/hyperkitty.css
@@ -7,6 +7,7 @@ body {
 #logo {
     display: block;
     margin: 80px auto;
+    clear: both;
 }
 
 ul.nav.auth {
@@ -15,6 +16,32 @@ ul.nav.auth {
 }
 
 
+/* List of lists */
+
+h1.lists {
+    margin-bottom: 0.5em;
+}
+
+ul.lists .list-name {
+    font-size: 120%;
+    color: black;
+    font-weight: bold;
+}
+ul.lists li a {
+    display: block;
+    float: left;
+    padding: 2em;
+    margin: 0 3em 3em 0;
+    border: 1px solid #ccc;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+}
+ul.lists li a:hover {
+    text-decoration: none;
+    background-color: #eee;
+}
+
 
 .Sb {
 	-webkit-box-sizing: border-box;
diff --git a/hyperkitty/templates/index.html b/hyperkitty/templates/index.html
index c1aa609..909675a 100644
--- a/hyperkitty/templates/index.html
+++ b/hyperkitty/templates/index.html
@@ -8,21 +8,22 @@
 
 {% block content %}
 
-<h1>{% trans 'Available lists' %}</h1>
-
-<table class="table table-bordered table-striped">
-	<tbody>
-		{% for mlist in lists %}
-		<tr>
-			<td>{{ mlist }}</td>
-			<td><a href="{% url list_overview mlist_fqdn=mlist %}"> Overview </a></td>
-			<td><a href="{% url archives mlist_fqdn=mlist %}"> Archives </a></td>
-		</tr>
-		{% empty %}
-		<tr><td>No archived list yet.</td></tr>
-		{% endfor %}
-	</tbody>
-</table>
+<h1 class="lists">{% trans 'Available lists' %}</h1>
+
+{% if lists %}
+<ul class="lists unstyled">
+	{% for mlist in lists %}
+	<li>
+		<a href="{% url list_overview mlist_fqdn=mlist %}">
+			<p class="list-name">{{ mlist }}</p>
+			<p>overview{% if mlist.display_name %} of {{ mlist.display_name }}{% endif %}</p>
+		</a>
+	</li>
+	{% endfor %}
+</ul>
+{% else %}
+<p>No archived list yet.</p>
+{% endif %}
 
 <img id="logo" alt="HyperKitty" src="{{STATIC_URL}}img/logo.png" />
 
-- 
cgit