From 8fe644a993dd7f1fcd1e42ee3070c967dec9d19c Mon Sep 17 00:00:00 2001
From: sqozz <sqozz@geekify.de>
Date: Thu, 28 Dec 2017 19:13:27 +0100
Subject: [PATCH] Change category overview

---
 static/css/categories.css |  8 +++++++-
 templates/categories.html | 35 +++++++++++++++++++----------------
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/static/css/categories.css b/static/css/categories.css
index 3e935c9..f7e5e58 100644
--- a/static/css/categories.css
+++ b/static/css/categories.css
@@ -1,10 +1,16 @@
 .inner.cover {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+}
+
+#categories {
 	display: flex;
 	align-items: baseline;
 	flex-wrap: wrap;
 }
 
-.inner.cover > span {
+#categories span {
 	width: 33%;
 	margin-bottom: 10px;
 }
diff --git a/templates/categories.html b/templates/categories.html
index 6cc8ef3..16b0095 100644
--- a/templates/categories.html
+++ b/templates/categories.html
@@ -6,20 +6,23 @@ vim: ts=2 noexpandtab
 {% set active_page = "categories" %}
 {% block content %}
 <link href="{{ url_for("static", filename="css/categories.css") }}" rel="stylesheet">
-	{% for category in categories %}
-	<span>
-		<ul>
-			<li>
-				<a href="search?c={{ category }}">{{ category }}</a>
-				<ul>
-				{% for sub_category in categories[category] %}
-					<li>
-					<a href="search?s={{ sub_category }}">{{ sub_category }}</a>
-					</li>
-				{% endfor %}
-				</ul>
-			</li>
-		</ul>
-	</span>
-	{% endfor %}
+	<h2 class="headline">Categories</h2>
+	<div id="categories">
+		{% for category in categories %}
+		<span>
+			<ul>
+				<li>
+					<a href="search?c={{ category }}">{{ category }}</a>
+					<ul>
+					{% for sub_category in categories[category] %}
+						<li>
+						<a href="search?s={{ sub_category }}">{{ sub_category }}</a>
+						</li>
+					{% endfor %}
+					</ul>
+				</li>
+			</ul>
+		</span>
+		{% endfor %}
+	</div>
 {% endblock content%}