fixed the anon-box in users/online to show inline

public/src/forum/users.js

@@ -65,9 +65,9 @@ define(function() {
 			var html = templates.prepare(templates['users'].blocks['users']).parse({
 				users: data
 			}),
-				userListEl = document.querySelector('#users-inner-container');
+				userListEl = $('#users-inner-container');
 
-			userListEl.innerHTML = html;
+			userListEl.html(html);
 
 
 			if (data && data.length === 0) {
@@ -94,8 +94,9 @@ define(function() {
 				users: users
 			});
 			if(emptyContainer)
-				$('#users-inner-container').empty();
+				$('#users-inner-container .registered-user').remove();
 			$('#users-inner-container').append(html);
+			$('#users-inner-container .anon-user').appendTo($('#users-inner-container'));
 		}
 
 		function loadMoreUsers() {
@@ -111,7 +112,7 @@ define(function() {
 			}
 
 			if (set) {
-				startLoading(set, $('#users-inner-container').children().length);
+				startLoading(set, $('#users-inner-container .registered-user').children().length);
 			}
 		}
 

public/templates/users.tpl

@@ -40,18 +40,19 @@
 				</div>
 			</div>
 			<!-- END users -->
-		</div>
-		<div class="users-box {show_anon}">
-			<a href="#">
-				<img src="" class="img-thumbnail"/>
-			</a>
-			<br/>
-			<div class="user-info">
-				<span id="online_anon_count">{anonymousUserCount}</span>
+			<div class="users-box {show_anon} anon-user">
+				<a href="#">
+					<img src="" class="img-thumbnail"/>
+				</a>
 				<br/>
-				<a href="#">Anonymous</a>
+				<div class="user-info">
+					<span id="online_anon_count">{anonymousUserCount}</span>
+					<br/>
+					<a href="#">Anonymous</a>
+				</div>
 			</div>
 		</div>
+
 	</ul>
 
 	<div class="text-center {loadmore_display}">