prettier stats on dashboard

public/less/admin/general/dashboard.less

@@ -136,4 +136,17 @@
 	.motd textarea {
 		width: 100%;
 	}
+
+	.stats {
+		.formatted-number {
+			font-size: 22px;
+		}
+
+		.stat {
+			text-transform: uppercase;
+			font-weight: 600;
+			font-size: 10px;
+			color: #999;
+		}
+	}
 }

public/src/admin/general/dashboard.js

@@ -94,20 +94,20 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator'], function (s
 		graphData.rooms = data;
 
 		var html = '<div class="text-center pull-left">' +
-						'<div>' + data.onlineRegisteredCount + '</div>' +
+						'<span class="formatted-number">' + data.onlineRegisteredCount + '</span>' +
-						'<div>[[admin/general/dashboard:active-users.users]]</div>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.users]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + data.onlineGuestCount + '</div>' +
+						'<span class="formatted-number">' + data.onlineGuestCount + '</span>' +
-						'<div>[[admin/general/dashboard:active-users.guests]]</div>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.guests]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</div>' +
+						'<span class="formatted-number">' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</span>' +
-						'<div>[[admin/general/dashboard:active-users.total]]</div>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.total]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + data.socketCount + '</div>' +
+						'<span class="formatted-number">' + data.socketCount + '</span>' +
-						'<div>[[admin/general/dashboard:active-users.connections]]</div>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.connections]]</div>' +
 					'</div>';
 
 		updateRegisteredGraph(data.onlineRegisteredCount, data.onlineGuestCount);

src/views/admin/general/dashboard.tpl

@@ -29,25 +29,25 @@
 		<div class="row">
 			<!-- BEGIN stats -->
 			<div class="col-lg-6">
-				<div class="panel panel-default">
+				<div class="panel panel-default stats">
 					<div class="panel-heading">{stats.name}</div>
 					<div class="panel-body">
 						<div id="unique-visitors">
 							<div class="text-center pull-left">
 								<span class="formatted-number">{stats.day}</span>
-								<div>[[admin/general/dashboard:stats.day]]</div>
+								<div class="stat">[[admin/general/dashboard:stats.day]]</div>
 							</div>
 							<div class="text-center pull-left">
 								<span class="formatted-number">{stats.week}</span>
-								<div>[[admin/general/dashboard:stats.week]]</div>
+								<div class="stat">[[admin/general/dashboard:stats.week]]</div>
 							</div>
 							<div class="text-center pull-left">
 								<span class="formatted-number">{stats.month}</span>
-								<div>[[admin/general/dashboard:stats.month]]</div>
+								<div class="stat">[[admin/general/dashboard:stats.month]]</div>
 							</div>
 							<div class="text-center pull-left">
 								<span class="formatted-number">{stats.alltime}</span>
-								<div>[[admin/general/dashboard:stats.all]]</div>
+								<div class="stat">[[admin/general/dashboard:stats.all]]</div>
 							</div>
 						</div>
 					</div>
@@ -115,7 +115,6 @@
 		<div class="panel panel-default">
 			<div class="panel-heading">[[admin/general/dashboard:active-users]]</div>
 			<div class="panel-body">
-				<div id="active-users"></div>
 			</div>
 		</div>