From 669ad912d3513ebc9fab86b7259275cd21858b53 Mon Sep 17 00:00:00 2001
From: George Cushen <gcushen@users.noreply.github.com>
Date: Sat, 7 Jul 2018 20:52:19 +0100
Subject: [PATCH] tags: Change style to Bootstrap label

Avoid confusion between tags and link buttons such as those on project
or publication pages.

Close #588
Inspired by #549
---
 layouts/partials/css/academic.css | 29 +++++++++++++++++++++++++++++
 layouts/partials/tags.html        |  2 +-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/layouts/partials/css/academic.css b/layouts/partials/css/academic.css
index 0ef490dd..30412021 100644
--- a/layouts/partials/css/academic.css
+++ b/layouts/partials/css/academic.css
@@ -991,6 +991,35 @@ footer a#back_to_top i {
   color: #899596;
 }
 
+/*************************************************
+ *  Tags/Labels
+ **************************************************/
+
+.label-default {
+  border: none;
+  color: rgba(0,0,0,.68);
+  background: rgba(0,0,0,.05);
+  font-weight: normal;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+
+.article-tags > .label-default:last-child {
+  margin-right: 0;
+}
+
+.label-default[href]:focus,
+.label-default[href]:hover {
+  background: rgba(0,0,0,.1);
+}
+
+a.label:focus,
+a.label:hover {
+  color: rgba(0,0,0,.68);
+}
+
 /*************************************************
  *  Button Primary: Color Override
  **************************************************/
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index ee0506ac..7eaf4314 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -3,7 +3,7 @@
 {{ if gt $tagsLen 0 }}
 <div class="article-tags">
   {{ range $k, $v := $.Params.tags }}
-  <a class="btn btn-primary btn-outline" href="{{ ($.Site.GetPage "taxonomyTerm" "tags" .).Permalink }}">{{ . }}</a>
+  <a class="label label-default" href="{{ ($.Site.GetPage "taxonomyTerm" "tags" .).Permalink }}">{{ . }}</a>
   {{ end }}
 </div>
 {{ end }}