headers to various routes

less/category.less

@@ -66,7 +66,7 @@
 	}
 }
 
-.subcategory {
+.category, .categories, .subcategory {
 	> p {
 		text-transform: uppercase;
 		color: @gray-light;

templates/categories.tpl

@@ -1,4 +1,6 @@
 <ul class="categories" itemscope itemtype="http://www.schema.org/ItemList">
+	<p>Categories</p>
+
 	<!-- BEGIN categories -->
 	<li data-cid="{categories.cid}" data-numRecentReplies="{categories.numRecentReplies}" class="row clearfix">
 		<meta itemprop="name" content="{categories.name}">

templates/category.tpl

@@ -28,7 +28,7 @@
 	</div>
 	<!-- ENDIF !topics.length -->
 
-
+	<p>Topics</p>
 	<!-- IMPORT partials/topics_list.tpl -->
 
 	<!-- IF config.usePagination -->

templates/popular.tpl

@@ -17,6 +17,7 @@
 	<!-- ENDIF !topics.length -->
 
 	<div class="category">
+		<p>Popular</p>
 		<!-- IMPORT partials/topics_list.tpl -->
 	</div>
 </div>

templates/recent.tpl

@@ -20,6 +20,7 @@
 	<!-- ENDIF !topics.length -->
 
 	<div class="category">
+		<p>Recent</p>
 		<!-- IMPORT partials/topics_list.tpl -->
 	</div>
 </div>

templates/unread.tpl

@@ -27,6 +27,7 @@
 	</a>
 
 	<div class="category">
+		<p>Unread</p>
 		<!-- IMPORT partials/topics_list.tpl -->
 		<button id="load-more-btn" class="btn btn-primary hide">[[unread:load_more]]</button>
 	</div>