moved status indicator to avatar

less/topic.less

@@ -41,6 +41,19 @@
 			min-height: 46px;
 			margin-top: 2px;
 
+
+			.status {
+				position: absolute;
+				right: 12px;
+				font-size: 12px;
+				top: 0px;
+
+				@media (min-width: @screen-md-min) {
+					top: 2px;
+					font-size: 16px;
+				}
+			}
+
 			img, .user-icon {
 				margin-right: 15px;
 				.user-icon-style(46px, 2.4rem, 50%);

templates/partials/topic/post.tpl

@@ -6,6 +6,7 @@
 			<!-- ELSE -->
 			<div class="user-icon" style="background-color: {posts.user.icon:bgColor};">{posts.user.icon:text}</div>
 			<!-- ENDIF posts.user.picture -->
+			<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
 			<!-- IF posts.user.banned -->
 			<span class="label label-danger">[[user:banned]]</span>
 			<!-- ENDIF posts.user.banned -->
@@ -13,7 +14,6 @@
 	</div>
 
 	<small class="pull-left">
-		<i component="user/status" class="fa fa-circle status {posts.user.status}" title="[[global:{posts.user.status}]]"></i>
 		<strong>
 			<a href="<!-- IF posts.user.userslug -->{config.relative_path}/user/{posts.user.userslug}<!-- ELSE -->#<!-- ENDIF posts.user.userslug -->" itemprop="author" data-username="{posts.user.username}" data-uid="{posts.user.uid}">{posts.user.username}</a>
 		</strong>