From afcd948d5d1d5b275a47777be7e7efa8301b8cf4 Mon Sep 17 00:00:00 2001
From: psychobunny <psycho.bunny@hotmail.com>
Date: Sat, 21 Mar 2015 16:29:47 -0400
Subject: [PATCH] styled tags

---
 less/tags.less                  | 24 ++++++++----------------
 less/topic.less                 |  4 ++++
 templates/partials/post_bar.tpl | 14 +++++---------
 3 files changed, 17 insertions(+), 25 deletions(-)

diff --git a/less/tags.less b/less/tags.less
index 0a2a580..f85d2de 100644
--- a/less/tags.less
+++ b/less/tags.less
@@ -7,28 +7,20 @@
 }
 
 .tag-item {
-	border: solid 1px @gray-light;
-	border-bottom-left-radius: 5px;
-	border-top-left-radius: 5px;
-	background-color: transparent;
-	color: @gray-light;
-	padding: .2em .6em .3em;
-	font-size: 75%;
+	color: lighten(@gray-light, 20%);
+	padding: .2em .4em .3em;
+	font-size: 85%;
+	text-transform: uppercase;
+	color: #999;
 	font-weight: 700;
 	white-space: nowrap;
 }
 
 .tag-topic-count {
-	border: solid 1px lighten(@brand-primary, 20%);
-	background-color: lighten(@brand-primary, 20%);
-	color: #FFFFFF;
-	padding: .2em .6em .3em;
-	font-size: 75%;
+	color: lighten(@brand-primary, 20%);
+	padding: 0em 0.4em 0.1em;
+	font-size: 85%;
 	font-weight: 700;
 	white-space: nowrap;
 	border-left: none;
-	padding-right: 5px;
-	padding-left: 5px;
-	border-bottom-right-radius: 5px;
-	border-top-right-radius: 5px;
 }
\ No newline at end of file
diff --git a/less/topic.less b/less/topic.less
index c956e85..bafdb24 100644
--- a/less/topic.less
+++ b/less/topic.less
@@ -80,6 +80,10 @@
 			.pointer;
 		}
 	}
+
+	.tags {
+		vertical-align: -40%;
+	}
 }
 
 
diff --git a/templates/partials/post_bar.tpl b/templates/partials/post_bar.tpl
index 7ce6e6e..81f6133 100644
--- a/templates/partials/post_bar.tpl
+++ b/templates/partials/post_bar.tpl
@@ -1,14 +1,10 @@
-<div class="inline-block">
-	<span class="tags">
+<span class="tags">
 	<!-- BEGIN tags -->
-	<a href="{relative_path}/tags/{tags.value}"><span class="tag-item" data-tag="{tags.value}" style="<!-- IF tags.color -->color: {tags.color};<!-- ENDIF tags.color --><!-- IF tags.bgColor -->background-color: {tags.bgColor};<!-- ENDIF tags.bgColor -->">{tags.value}</span><span class="tag-topic-count">{tags.score}</span></a>
+	<a href="{relative_path}/tags/{tags.value}">
+	<span class="tag-item" data-tag="{tags.value}" style="<!-- IF tags.color -->color: {tags.color};<!-- ENDIF tags.color --><!-- IF tags.bgColor -->background-color: {tags.bgColor};<!-- ENDIF tags.bgColor -->">{tags.value}</span>
+	<span class="tag-topic-count">{tags.score}</span></a>
 	<!-- END tags -->
-	</span>
-
-	<!-- IF tags.length -->
-	<span>|</span>
-	<!-- ENDIF tags.length -->
-</div>
+</span>
 
 <div class="topic-main-buttons pull-right">
 	<span class="loading-indicator btn pull-left" done="0" style="display:none;">