1 files changed, 28 insertions, 18 deletions

diff --git a/hyperkitty/templates/index.html b/hyperkitty/templates/index.html
index dee58a5..409e4f1 100644
--- a/hyperkitty/templates/index.html
+++ b/hyperkitty/templates/index.html
@@ -8,27 +8,37 @@
 
 {% block content %}
 
+<div class="all-lists">
+
 <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.name %}">
-			<p class="list-name">{{ mlist.name }}</p>
-			{% if mlist.display_name %}
-			<p>{{ mlist.display_name }}</p>
-			{% endif %}
-			{% if mlist.description %}
-			<p>{{ mlist.description }}</p>
-			{% endif %}
-		</a>
-	</li>
-	{% endfor %}
-</ul>
-{% else %}
-<p>No archived list yet.</p>
+<div class="row-fluid">
+{% for mlist in lists %}
+<div class="span3">
+	<a href="{% url list_overview mlist_fqdn=mlist.name %}">
+		<p class="list-name">
+		{% if mlist.display_name %}
+			{{ mlist.display_name }}
+		{% else %}
+			{{ mlist.name }}
+		</p>
+		{% endif %}
+		<p class="list-address">{{ mlist.name }}</p>
+		{% if mlist.description %}
+		<p>{{ mlist.description }}</p>
+		{% endif %}
+	</a>
+</div>
+{% if forloop.counter|divisibleby:"4" %}
+</div>
+<div class="row-fluid">
 {% endif %}
+{% empty %}
+<p>No archived list yet.</p>
+{% endfor %}
+</div>
+
+</div>
 
 <img id="logo" alt="HyperKitty" src="{{STATIC_URL}}img/logo.png" />