From 4a74f2327ad431d623e3ad045140a5c1ddf8e74c Mon Sep 17 00:00:00 2001
From: Felipe Martin <fmartingr@me.com>
Date: Thu, 3 Apr 2014 19:31:50 +0200
Subject: [PATCH] Added a container to series listing

---
 .../bootflat/templates/manga/series/list.html | 34 ++++++++++---------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/shelfzilla/themes/bootflat/templates/manga/series/list.html b/shelfzilla/themes/bootflat/templates/manga/series/list.html
index cae7f91..8f6f3eb 100644
--- a/shelfzilla/themes/bootflat/templates/manga/series/list.html
+++ b/shelfzilla/themes/bootflat/templates/manga/series/list.html
@@ -16,23 +16,25 @@
         </ul>
     </div>
     <div class="clearfix"></div>
-    {% for letter in letter_list %}
-    <div class="panel panel-default">
-        <div class="panel-heading">
-            <h3 class="panel-title" id="{{ letter.grouper }}">{{ letter.grouper }}</h3>
+    <div class="column-list">
+        {% for letter in letter_list %}
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <h3 class="panel-title" id="{{ letter.grouper }}">{{ letter.grouper }}</h3>
+            </div>
+            <ul class="list-group">
+                {% for item in letter.list %}
+                <li class="list-group-item">
+                    {% if item.slug %}
+                    <a href="{% url "series.detail" item.pk item.slug %}" data-pjax>{{ item.name }}</a>
+                    {% else %}
+                    <a href="{% url "series.detail" item.pk %}" data-pjax>{{ item.name }}</a>
+                    {% endif %}
+                </li>
+                {% endfor %}
+            </ul>
         </div>
-        <ul class="list-group">
-            {% for item in letter.list %}
-            <li class="list-group-item">
-                {% if item.slug %}
-                <a href="{% url "series.detail" item.pk item.slug %}" data-pjax>{{ item.name }}</a>
-                {% else %}
-                <a href="{% url "series.detail" item.pk %}" data-pjax>{{ item.name }}</a>
-                {% endif %}
-            </li>
-            {% endfor %}
-        </ul>
+        {% endfor %}
     </div>
-    {% endfor %}
 </div>
 {% endblock %}