some fixes to online page

public/src/forum/users.js

@@ -60,7 +60,7 @@ define(function() {
 			var html = templates.prepare(templates['users'].blocks['users']).parse({
 				users: data
 			}),
-				userListEl = document.querySelector('#users-container');
+				userListEl = document.querySelector('#users-inner-container');
 
 			userListEl.innerHTML = html;
 
@@ -77,7 +77,7 @@ define(function() {
 
 		socket.on('api:user.isOnline', function(data) {
 			if(active == 'online' && !loadingMoreUsers) {
-				$('#users-container .registered-user').remove();
+				$('#users-inner-container').empty();
 				startLoading('users:online', 0);
 				socket.emit('api:user.getOnlineAnonCount', {} , function(anonCount) {
 					$('#online_anon_count').html(anonCount);
@@ -89,7 +89,7 @@ define(function() {
 			var html = templates.prepare(templates['users'].blocks['users']).parse({
 				users: users
 			});
-			$('#users-container').prepend(html);
+			$('#users-inner-container').append(html);
 		}
 
 		function loadMoreUsers() {
@@ -105,7 +105,7 @@ define(function() {
 			}
 
 			if (set) {
-				startLoading(set, $('#users-container').children().length);
+				startLoading(set, $('#users-inner-container').children().length);
 			}
 		}
 

public/templates/users.tpl

@@ -19,6 +19,7 @@
 	</div>
 
 	<ul id="users-container" class="users-container">
+		<div id="users-inner-container" class="inline-block">
 			<!-- BEGIN users -->
 			<div class="users-box registered-user">
 				<a href="/user/{users.userslug}">
@@ -39,6 +40,7 @@
 				</div>
 			</div>
 			<!-- END users -->
+		</div>
 		<div class="users-box {show_anon}">
 			<a href="#">
 				<img src="" class="img-thumbnail"/>