add timeago; simplify right hand side of categories

less/categories.less

@@ -13,7 +13,6 @@
 			margin-right: 15px;
 			min-width: 46px;
 			min-height: 46px;
-			text-align: center;
 			margin-top: 2px;
 		}
 
@@ -23,18 +22,14 @@
 		}
 
 		.stats {
-			list-style-type: none;
+			font-size: 20px;
-
+			text-align: center;
-			li {
-				font-size: 20px;
-				text-align: center;
 
-				small {
+			small {
-					text-transform: uppercase;
+				text-transform: uppercase;
-					color: @gray-light;
+				color: @gray-light;
-					font-weight: 300;
+				font-weight: 300;
-					font-size: 12px;
+				font-size: 12px;
-				}
 			}
 		}
 

templates/categories.tpl

@@ -15,21 +15,19 @@
 		</div>
 
 		<!-- IF !categories.link -->
-		<ul class="stats">
+		<div class="col-xs-1 stats">
-			<li class="col-xs-1">
+			<span class="{categories.unread-class}">{categories.topic_count}</span><br />
-				<span class="{categories.unread-class}">{categories.topic_count}</span><br />
+			<small>Topics</small>
-				<small>Topics</small>
+		</div>
-			</li>
+		<div class="col-xs-1 stats">
-			<li class="col-xs-1">
+			<span class="{categories.unread-class}">{categories.post_count}</span><br />
-				<span class="{categories.unread-class}">{categories.post_count}</span><br />
+			<small>Posts</small>
-				<small>Posts</small>
+		</div>
-			</li>
-			<li class="col-xs-3">
-				<!-- IMPORT partials/categories/lastpost.tpl -->
-			</li>
-		</ul>
-		<!-- ELSE -->
 		<div class="col-xs-3">
+			<!-- IMPORT partials/categories/lastpost.tpl -->
+		</div>
+		<!-- ELSE -->
+		<div class="col-xs-4">
 
 		</div>
 		<!-- ENDIF !categories.link -->

templates/partials/categories/lastpost.tpl

@@ -1,7 +1,10 @@
 <!-- BEGIN posts -->
 <!-- IF @first -->
 <div class="card" style="border-color: {categories.bgColor}">
-	<p class=""><strong>{categories.posts.user.username}</strong>: {categories.posts.content}</p>
+	<p>
+		<strong>{categories.posts.user.username}</strong> <small class="timeago" title="{categories.posts.relativeTime}"></small>
+	</p>
+	{categories.posts.content}
 </div>
 <!-- ENDIF @first -->
 <!-- END posts -->