moved active users out of post bar into subheader

less/topic.less

@@ -1,4 +1,23 @@
 .topic {
+	h1 {
+		font-size: 28px;
+		line-height: 24px;
+		margin-bottom: 30px;
+
+		> span {
+			text-transform: uppercase;
+			color: @gray-light;
+			font-size: 12px;
+			display: inline-block;
+			margin-top: 8px;
+
+			> span {
+				vertical-align: middle;
+				margin-right: 8px;
+			}
+		}
+	}
+
 	.posts {
 		.icon {
 			font-size: 17px;
@@ -15,19 +34,6 @@
 				border-radius: 50%;
 			}
 		}
-
-		h1 {
-			font-size: 28px;
-			line-height: 24px;
-			margin-bottom: 30px
-		}
-	}
-
-	.browsing-users {
-		span {
-			text-transform: uppercase;
-			color: @gray-light;
-		}
 	}
 
 	.stats {
@@ -59,7 +65,7 @@
 
 	.content {
 		margin-top: 20px;
-		padding-bottom: 10px;
+		padding-bottom: 1px;
 		margin-top: -43px;
 		margin-left: 61px;
 	}
@@ -161,11 +167,9 @@
 	a[data-uid] {
 		img {
 			border-radius: 50%;
-			margin-top: -4px;
-			margin-left: 1px;
+			width: 20px;
 			margin-right: -12px;
-			width: 46px;
-			height: 46px;
+			vertical-align: middle;
 		}
 
 		&::after {

templates/partials/post_bar.tpl

@@ -8,15 +8,6 @@
 	<!-- IF tags.length -->
 	<span>|</span>
 	<!-- ENDIF tags.length -->
-
-	
-	<span class="browsing-users hidden">
-		<div component="topic/browsing/list" class="thread_active_users active-users inline-block"></div>
-		<small class="hidden">
-			<i class="fa fa-users"></i> <span component="topic/browsing/count" class="user-count"></span>
-		</small>
-		<span>[[category:browsing]]</span>
-	</span>
 </div>
 
 <div class="topic-main-buttons pull-right">

templates/partials/topic/post.tpl

@@ -1,7 +1,3 @@
-<!-- IF !posts.index -->
-<h1 component="post/header" itemprop="name"><i class="fa fa-thumb-tack hide"></i> <i class="fa fa-lock hide"></i> {title}</h1>
-<!-- ENDIF !posts.index -->
-
 <div class="clearfix">
 	<div class="icon pull-left">
 		<a href="<!-- IF posts.user.userslug -->{relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->">

templates/topic.tpl

@@ -1,6 +1,16 @@
 <div class="topic">
 	<!-- IMPORT partials/breadcrumbs.tpl -->
 
+	<h1 component="post/header" itemprop="name"><i class="fa fa-thumb-tack hide"></i> <i class="fa fa-lock hide"></i> {title}
+		<span class="browsing-users hidden pull-right">
+			<span>[[category:browsing]]</span>
+			<div component="topic/browsing/list" class="thread_active_users active-users inline-block"></div>
+			<small class="hidden">
+				<i class="fa fa-users"></i> <span component="topic/browsing/count" class="user-count"></span>
+			</small>
+		</span>
+	</h1>
+
 	<ul component="topic" class="posts" data-tid="{tid}">
 		<!-- BEGIN posts -->
 			<li component="post" class="<!-- IF posts.deleted -->deleted<!-- ENDIF posts.deleted -->" <!-- IMPORT partials/data/topic.tpl -->>