first pass advanced/database

public/less/admin/admin.less

@@ -10,6 +10,7 @@
 @import "./appearance/customise";
 @import "./appearance/themes";
 @import "./extend/plugins";
+@import "./advanced/database";
 
 .admin {
 	padding-top: 70px;

public/less/admin/advanced/database.less

@@ -0,0 +1,6 @@
+.database-info {
+	span {
+		display:inline-block;
+		width:220px;
+	}
+}

src/views/admin/advanced/database.tpl

@@ -1,9 +1,10 @@
-
-
+<div class="database">
+	<div class="col-sm-9">
 		<!-- IF redis -->
-<h1><i class="fa fa-hdd-o"></i> Redis</h1>
-<hr />
-<div id="admin-redis-info">
+		<div class="panel panel-default">
+			<div class="panel-heading"><i class="fa fa-hdd-o"></i> Redis</div>
+			<div class="panel-body">
+				<div class="database-info">
 					<span>Redis Version</span> <span class="text-right">{redis_version}</span><br/>
 					<hr/>
 					<span>Uptime in Seconds</span> <span class="text-right formatted-number">{uptime_in_seconds}</span><br/>
@@ -24,18 +25,15 @@
 					<span>Keyspace Hits</span> <span class="text-right formatted-number">{keyspace_hits}</span><br/>
 					<span>Keyspace Misses</span> <span class="text-right formatted-number">{keyspace_misses}</span><br/>
 				</div>
-<hr />
-<h3>Raw Info </h3>
-<div class="highlight">
-<pre>{raw}</pre>
+			</div>
 		</div>
 		<!-- ENDIF redis -->
 
 		<!-- IF mongo -->
-<h1><i class="fa fa-hdd-o"></i> Mongo</h1>
-<hr />
-<div id="admin-redis-info">
-
+		<div class="panel panel-default">
+			<div class="panel-heading"><i class="fa fa-hdd-o"></i> Mongo</div>
+			<div class="panel-body">
+				<div class="database-info">
 					<span>Collections</span> <span class="text-right formatted-number">{collections}</span><br/>
 					<span>Objects</span> <span class="text-right formatted-number">{objects}</span><br/>
 					<span>Avg. Object Size</span> <span class="text-right">{avgObjSize} kb</span><br/>
@@ -44,11 +42,18 @@
 					<span>Storage Size</span> <span class="text-right">{storageSize} mb</span><br/>
 					<span>Index Size</span> <span class="text-right">{indexSize} mb</span><br/>
 					<span>File Size</span> <span class="text-right">{fileSize} mb</span><br/>
-
 				</div>
-<hr />
-<h3>Raw Info </h3>
+			</div>
+		</div>
+		<!-- ENDIF mongo -->
+
+		<div class="panel panel-default">
+			<div class="panel-heading"><i class="fa fa-hdd-o"></i> Raw Info</div>
+			<div class="panel-body">
 				<div class="highlight">
 					<pre>{raw}</pre>
 				</div>
-<!-- ENDIF mongo -->
+			</div>
+		</div>
+	</div>
+</div>