From 899ec087a38746353ea257bbe4baa3860c61b97f Mon Sep 17 00:00:00 2001
From: Adrian Short <adrian@adrianshort.org>
Date: Fri, 11 Aug 2017 16:29:22 +0100
Subject: [PATCH] Improve tag cloud layout #12

---
 layouts/taxonomy/tag.terms.html |  4 ++--
 static/css/main.css             | 17 +++++++++++++++++
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/layouts/taxonomy/tag.terms.html b/layouts/taxonomy/tag.terms.html
index ae42545..e9ce8d5 100644
--- a/layouts/taxonomy/tag.terms.html
+++ b/layouts/taxonomy/tag.terms.html
@@ -1,8 +1,8 @@
 {{ partial "header" . }}
 <h1>{{ .Title }}</h1>
-<ul>
+<ul class="tag-cloud">
 {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-  <li><a href="{{ "/tags/" | relURL }}{{ $name | urlize }}/">{{ $name }}</a></li>
+  <li><a href="{{ "/tags/" | relURL }}{{ $name | urlize }}/">{{ $name }}&nbsp;({{ $taxonomy.Count}})</a></li>
 {{ end}}
 </ul>
 {{ partial "footer" . }}
diff --git a/static/css/main.css b/static/css/main.css
index 0c48891..a010fc7 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -156,6 +156,23 @@ ul.pagination li.disabled {
   color: #333;
 }
 
+ul.tag-cloud {
+  margin: 30px 0;
+  padding: 0;
+}
+
+ul.tag-cloud li {
+  display: inline;
+  margin: 0;
+  padding: 10px 20px 10px 0;
+  line-height: 2rem;
+}
+
+ul.tag-cloud li a, ul.tag-cloud li a:visited {
+  color: white;
+  text-decoration: none;
+}
+
 @media screen and (max-width: 599px) {
     body {
       width: 90%;