From 9e354a09d18c5fa57f28f396399859878969af8f Mon Sep 17 00:00:00 2001
From: psychobunny <rodrigues.andrew@gmail.com>
Date: Mon, 13 Feb 2017 15:28:26 -0500
Subject: [PATCH] prettier stats on dashboard

---
 public/less/admin/general/dashboard.less | 13 +++++++++++++
 public/src/admin/general/dashboard.js    | 16 ++++++++--------
 src/views/admin/general/dashboard.tpl    | 11 +++++------
 3 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/public/less/admin/general/dashboard.less b/public/less/admin/general/dashboard.less
index c8b704707b..12477d9142 100644
--- a/public/less/admin/general/dashboard.less
+++ b/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;
+		}
+	}
 }
\ No newline at end of file
diff --git a/public/src/admin/general/dashboard.js b/public/src/admin/general/dashboard.js
index 9a5faede09..07e566ca68 100644
--- a/public/src/admin/general/dashboard.js
+++ b/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>' +
-						'<div>[[admin/general/dashboard:active-users.users]]</div>' +
+						'<span class="formatted-number">' + data.onlineRegisteredCount + '</span>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.users]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + data.onlineGuestCount + '</div>' +
-						'<div>[[admin/general/dashboard:active-users.guests]]</div>' +
+						'<span class="formatted-number">' + data.onlineGuestCount + '</span>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.guests]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</div>' +
-						'<div>[[admin/general/dashboard:active-users.total]]</div>' +
+						'<span class="formatted-number">' + (data.onlineRegisteredCount + data.onlineGuestCount) + '</span>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.total]]</div>' +
 					'</div>' +
 					'<div class="text-center pull-left">' +
-						'<div>' + data.socketCount + '</div>' +
-						'<div>[[admin/general/dashboard:active-users.connections]]</div>' +
+						'<span class="formatted-number">' + data.socketCount + '</span>' +
+						'<div class="stat">[[admin/general/dashboard:active-users.connections]]</div>' +
 					'</div>';
 
 		updateRegisteredGraph(data.onlineRegisteredCount, data.onlineGuestCount);
diff --git a/src/views/admin/general/dashboard.tpl b/src/views/admin/general/dashboard.tpl
index cc1d8d97ce..62502ea005 100644
--- a/src/views/admin/general/dashboard.tpl
+++ b/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>