Updated Admin Stats section

templates/admin/dashboard.tmpl

@@ -17,53 +17,75 @@
 					Statistics 📈
 				</h4>
 
-				<div class="ui attached table segment">
-					<dl class="dl-horizontal admin-dl-horizontal">
-						<dt>Users</dt>
-						<dd>{{.Stats.Counter.User}}</dd>
-						<dt>Organisations</dt>
-						<dd>{{.Stats.Counter.Org}}</dd>
-						<dt>Public keys</dt>
-						<dd>{{.Stats.Counter.PublicKey}}</dd>
-						<dt>Repositories</dt>
-						<dd>{{.Stats.Counter.Repo}}</dd>
-						<dt>Watches</dt>
-						<dd>{{.Stats.Counter.Watch}}</dd>
-						<dt>Stars</dt>
-						<dd>{{.Stats.Counter.Star}}</dd>
-						<dt>Actions</dt>
-						<dd>{{.Stats.Counter.Action}}</dd>
-						<dt>Accesses</dt>
-						<dd>{{.Stats.Counter.Access}}</dd>
-						<dt>Issues</dt>
-						<dd>{{.Stats.Counter.Issue}}</dd>
-						<dt>Comments</dt>
-						<dd>{{.Stats.Counter.Comment}}</dd>
-						<dt>Social accounts</dt>
-						<dd>{{.Stats.Counter.Oauth}}</dd>
-						<dt>Follows</dt>
-						<dd>{{.Stats.Counter.Follow}}</dd>
-						<dt>Mirrors</dt>
-						<dd>{{.Stats.Counter.Mirror}}</dd>
-						<dt>Releases</dt>
-						<dd>{{.Stats.Counter.Release}}</dd>
-						<dt>Login sources</dt>
-						<dd>{{.Stats.Counter.LoginSource}}</dd>
-						<dt>Webhooks</dt>
-						<dd>{{.Stats.Counter.Webhook}}</dd>
-						<dt>Milestones</dt>
-						<dd>{{.Stats.Counter.Milestone}}</dd>
-						<dt>Labels</dt>
-						<dd>{{.Stats.Counter.Label}}</dd>
-						<dt>Hook tasks</dt>
-						<dd>{{.Stats.Counter.HookTask}}</dd>
-						<dt>Teams</dt>
-						<dd>{{.Stats.Counter.Team}}</dd>
-						<dt>Update tasks</dt>
-						<dd>{{.Stats.Counter.UpdateTask}}</dd>
-						<dt>Attachments</dt>
-						<dd>{{.Stats.Counter.Attachment}}</dd>
-					</dl>
+				<div class="ui unstackable attached table segment center">
+                    <div style="padding:1em" class="ui center large green labels">
+                        <div class="ui label">
+							Users<div class="detail">{{.Stats.Counter.User}}</div>
+						</div>
+						<div class="ui label">
+							Organisations<div class="detail">{{.Stats.Counter.Org}}</div>
+						</div>
+						<div class="ui label">
+							Public keys<div class="detail">{{.Stats.Counter.PublicKey}}</div>
+						</div>
+						<div class="ui label">
+							Repositories<div class="detail">{{.Stats.Counter.Repo}}</div>
+						</div>
+						<div class="ui label">
+							Watches<div class="detail">{{.Stats.Counter.Watch}}</div>
+						</div>
+						<div class="ui label">
+							Stars<div class="detail">{{.Stats.Counter.Star}}</div>
+						</div>
+						<div class="ui label">
+							Actions<div class="detail">{{.Stats.Counter.Action}}</div>
+						</div>
+						<div class="ui label">
+							Accesses<div class="detail">{{.Stats.Counter.Access}}</div>
+						</div>
+						<div class="ui label">
+							Issues<div class="detail">{{.Stats.Counter.Issue}}</div>
+						</div>
+						<div class="ui label">
+							Comments<div class="detail">{{.Stats.Counter.Comment}}</div>
+						</div>
+						<div class="ui label">
+							Social accounts<div class="detail">{{.Stats.Counter.Oauth}}</div>
+						</div>
+						<div class="ui label">
+							Follows<div class="detail">{{.Stats.Counter.Follow}}</div>
+						</div>
+						<div class="ui label">
+							Mirrors<div class="detail">{{.Stats.Counter.Mirror}}</div>
+						</div>
+						<div class="ui label">
+							Releases<div class="detail">{{.Stats.Counter.Release}}</div>
+						</div>
+						<div class="ui label">
+							Login sources<div class="detail">{{.Stats.Counter.LoginSource}}</div>
+						</div>
+						<div class="ui label">
+							Webhooks<div class="detail">{{.Stats.Counter.Webhook}}</div>
+						</div>
+						<div class="ui label">
+							Milestones<div class="detail">{{.Stats.Counter.Milestone}}</div>
+						</div>
+						<div class="ui label">
+							Labels<div class="detail">{{.Stats.Counter.Label}}</div>
+						</div>
+						<div class="ui label">
+							Hook tasks<div class="detail">{{.Stats.Counter.HookTask}}</div>
+						</div>
+						<div class="ui label">
+							Teams<div class="detail">{{.Stats.Counter.Team}}</div>
+						</div>
+						<div class="ui label">
+							Update tasks<div class="detail">{{.Stats.Counter.UpdateTask}}</div>
+						</div>
+						<div class="ui label">
+							Attachments<div class="detail">{{.Stats.Counter.Attachment}}</div>
+						</div>
+                    </div>
 				</div>
 
 				<h4 class="ui top attached header">