styling active users modal to look like the other stats

public/less/admin/admin.less

@@ -158,7 +158,7 @@
 		transition: background, color 500ms ease-in;
 	}
 
-	#unique-visitors {
+	#unique-visitors, #active-users {
 		> div {
 			min-width: 25%;
 		}

public/src/forum/admin/index.js

@@ -107,12 +107,24 @@ define('forum/admin/index', ['semver'], function(semver) {
 			return app.alertError(err.message);
 		}
 
-		var html = '<strong>Online Users [ ' + data.onlineRegisteredCount + ' ]</strong><br/>' +
-					'<strong>Online Guests [ ' + data.onlineGuestCount + ' ]</strong><br/>'	 +
-					'<strong>Online Total [ ' + (data.onlineRegisteredCount + data.onlineGuestCount) + ' ]</strong><br/>' +
-					'<strong>Socket Connections [ ' + data.socketCount + ' ]</strong>';
-
-		$('#active_users').html(html);
+		var html = '<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineRegisteredCount +'</div>' + 
+						'<div>Users</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineGuestCount +'</div>' + 
+						'<div>Guests</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.onlineRegisteredCount + data.onlineGuestCount +'</div>' + 
+						'<div>Total</div>' +
+					'</div>' +
+					'<div class="text-center pull-left">' + 
+						'<div>'+ data.socketCount +'</div>' + 
+						'<div>Socket<br />Connections</div>' +
+					'</div>';
+
+		$('#active-users').html(html);
 	};
 
 	var graphs = {

src/views/admin/index.tpl

@@ -9,7 +9,7 @@
 
 		<div class="row col-lg-9">
 			<!-- BEGIN stats -->
-			<div class="col-md-4">
+			<div class="col-lg-4 col-md-6">
 				<div class="panel panel-default">
 					<div class="panel-heading">{stats.name}</div>
 					<div class="panel-body">
@@ -36,11 +36,11 @@
 			</div>
 			<!-- END stats -->
 
-			<div class="col-md-3">
+			<div class="col-lg-4 col-md-6">
 				<div class="panel panel-default">
 					<div class="panel-heading">Active Users</div>
 					<div class="panel-body">
-						<div id="active_users"></div>
+						<div id="active-users"></div>
 					</div>
 				</div>
 			</div>