rejigging dashboard layout

src/views/admin/index.tpl

@@ -1,40 +1,15 @@
 <div class="row">
-	<div class="col-sm-12">
+	<div class="col-lg-9">
 		<div class="panel panel-default">
 			<div class="panel-heading">Forum Traffic</div>
 			<div class="panel-body">
 				<canvas id="analytics-traffic" width="100%" height="400"></canvas>
 			</div>
 		</div>
-	</div>
-</div>
-
-<div class="row">
-	<div class="col-sm-6">
-		<div class="panel panel-default">
-			<div class="panel-heading">Welcome to NodeBB</div>
-			<div class="panel-body">
-				<p>
-					<a target="_blank" href="http://community.nodebb.org" class="btn btn-default btn-sm"><i class="fa fa-comment"></i> NodeBB Community Forum</a>
-					<a target="_blank" href="http://community.nodebb.org/" class="btn btn-default btn-sm"><i class="fa fa-github-alt"></i> Get Plugins and Themes</a>
-					<a target="_blank" href="http://www.twitter.com/NodeBB" class="btn btn-default btn-sm"><i class="fa fa-twitter"></i> Follow @NodeBB</a>
-					<a target="_blank" href="https://docs.nodebb.org/en/latest" class="btn btn-default btn-sm"><i class="fa fa-question-circle"></i> NodeBB Documentation</a>
-				</p>
-			</div>
-		</div>
-
-		<div class="panel panel-default">
-			<div class="panel-heading">Notices</div>
-			<div class="panel-body">
-			<!-- BEGIN notices -->
-				<div>
-					<!-- IF notices.done --><i class="fa fa-fw fa-check text-success"></i> {notices.doneText}<!-- ELSE --><i class="fa fa-fw fa-times text-danger"></i> {notices.notDoneText}<!-- ENDIF notices.done -->
-				</div>
-			<!-- END notices -->
-			</div>
-		</div>
 
+		<div class="row col-lg-9">
 			<!-- BEGIN stats -->
+			<div class="col-md-4">
 				<div class="panel panel-default">
 					<div class="panel-heading">{stats.name}</div>
 					<div class="panel-body">
@@ -58,13 +33,44 @@
 						</div>
 					</div>
 				</div>
+			</div>
 			<!-- END stats -->
 
+			<div class="col-md-3">
+				<div class="panel panel-default">
+					<div class="panel-heading">Active Users</div>
+					<div class="panel-body">
+						<div id="active_users"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div class="col-lg-3">
+		<div class="panel panel-default">
+			<div class="panel-heading">Welcome to NodeBB</div>
+			<div class="panel-body">
+				<p>
+					<a target="_blank" href="http://community.nodebb.org" class="btn btn-default btn-sm"><i class="fa fa-comment"></i> NodeBB Community Forum</a>
+					<a target="_blank" href="http://community.nodebb.org/" class="btn btn-default btn-sm"><i class="fa fa-github-alt"></i> Get Plugins and Themes</a>
+					<a target="_blank" href="http://www.twitter.com/NodeBB" class="btn btn-default btn-sm"><i class="fa fa-twitter"></i> Follow @NodeBB</a>
+					<a target="_blank" href="https://docs.nodebb.org/en/latest" class="btn btn-default btn-sm"><i class="fa fa-question-circle"></i> NodeBB Documentation</a>
+				</p>
+			</div>
+		</div>
 
+		<div class="panel panel-default">
+			<div class="panel-heading">Notices</div>
+			<div class="panel-body">
+			<!-- BEGIN notices -->
+				<div>
+					<!-- IF notices.done --><i class="fa fa-fw fa-check text-success"></i> {notices.doneText}<!-- ELSE --><i class="fa fa-fw fa-times text-danger"></i> {notices.notDoneText}<!-- ENDIF notices.done -->
+				</div>
+			<!-- END notices -->
+			</div>
 		</div>
 
 
-	<div class="col-sm-6">
 		<div class="panel panel-default">
 			<div class="panel-heading">Updates</div>
 			<div class="panel-body">
@@ -84,13 +90,5 @@
 				</p>
 			</div>
 		</div>
-
-		<div class="panel panel-default">
-			<div class="panel-heading">Active Users</div>
-			<div class="panel-body">
-				<div id="active_users"></div>
-			</div>
-		</div>
-
 	</div>
 </div>