From d2533f8f5701cbbce3ef01e2d12ba63071df7b52 Mon Sep 17 00:00:00 2001
From: Raymond Wanyoike <raymond.wanyoike@gmail.com>
Date: Mon, 7 Nov 2016 10:04:00 +0300
Subject: [PATCH] Use <table> to organize link - count pages

---
 alchemy/templates/authors.html    |  9 ++++++---
 alchemy/templates/categories.html | 11 +++++++----
 alchemy/templates/tags.html       |  9 ++++++---
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/alchemy/templates/authors.html b/alchemy/templates/authors.html
index c1c3c9f..cfa6dc5 100644
--- a/alchemy/templates/authors.html
+++ b/alchemy/templates/authors.html
@@ -9,9 +9,12 @@ Authors
 {% endblock %}
 
 {% block content %}
-<ul class="list-unstyled">
+<table class="table table-bordered table-striped table-hover">
   {% for author, articles in authors|sort %}
-  <li><a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a> ({{ articles|count }})</li>
+  <tr>
+    <td><a href="{{ SITEURL }}/{{ author.url }}">{{ author }}</a></td>
+    <td>{{ articles|count }}</td>
+  </tr>
   {% endfor %}
-</ul>
+</table>
 {% endblock %}
diff --git a/alchemy/templates/categories.html b/alchemy/templates/categories.html
index 06dfa6c..cd33423 100644
--- a/alchemy/templates/categories.html
+++ b/alchemy/templates/categories.html
@@ -9,9 +9,12 @@ Categories
 {% endblock %}
 
 {% block content %}
-<ul class="list-unstyled">
-  {% for category, articles in categories %}
-  <li><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a></li>
+<table class="table table-bordered table-striped table-hover">
+  {% for category, articles in categories|sort %}
+  <tr>
+    <td><a href="{{ SITEURL }}/{{ category.url }}">{{ category }}</a></td>
+    <td>{{ articles|count }}</td>
+  </tr>
   {% endfor %}
-</ul>
+</table>
 {% endblock %}
diff --git a/alchemy/templates/tags.html b/alchemy/templates/tags.html
index 6675fe9..8d2818c 100644
--- a/alchemy/templates/tags.html
+++ b/alchemy/templates/tags.html
@@ -9,9 +9,12 @@ Tags
 {% endblock %}
 
 {% block content %}
-<ul class="list-unstyled">
+<table class="table table-bordered table-striped table-hover">
   {% for tag, articles in tags|sort %}
-  <li><a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a> ({{ articles|count }})</li>
+  <tr>
+    <td><a href="{{ SITEURL }}/{{ tag.url }}">#{{ tag }}</a></td>
+    <td>{{ articles|count }}</td>
+  </tr>
   {% endfor %}
-</ul>
+</table>
 {% endblock %}