Feature: Improved navigation for boxes

admin/includes/mountnav.xsl

@@ -2,13 +2,13 @@
 	<xsl:output method="html" doctype-system="about:legacy-compat" encoding="UTF-8" indent="yes" />
 	<xsl:template name="mountnav">
 		<xsl:param name="mount" select="@mount"/>
-		<div class="nav">
-			<ul>
+		<div class="mountnav">
+			<ul class="boxnav">
 				<li><a href="stats.xsl?mount={$mount}">Details</a></li>
 				<li><a href="listclients.xsl?mount={$mount}">Clients</a></li>
 				<li><a href="moveclients.xsl?mount={$mount}">Move listeners</a></li>
 				<li><a href="updatemetadata.xsl?mount={$mount}">Metadata</a></li>
-				<li><a href="killsource.xsl?mount={$mount}">Kill source</a></li>
+				<li class="critical"><a href="killsource.xsl?mount={$mount}">Kill source</a></li>
 			</ul>
 		</div>
 	</xsl:template>

admin/stats.xsl

@@ -39,11 +39,14 @@
 					<section class="box">
 						<h3 class="box_title">Global server stats</h3>
 						<!-- Global subnav -->
-						<div class="nav">
-							<ul>
+						<div class="stats">
+							<ul class="boxnav">
 								<li><a href="reloadconfig.xsl">Reload Configuration</a></li>
 							</ul>
 						</div>
+
+						<h4>Statistics</h4>
+
 						<table class="table-block">
 							<thead>
 								<tr>

web/assets/css/style.css

@@ -113,6 +113,34 @@ div.nav > h4 {
     margin: 0;
 }
 
+/* Box navigation */
+
+ul.boxnav {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+}
+
+ul.boxnav > li {
+    margin-left: 1em;
+}
+
+ul.boxnav > li > a {
+    background-color: #4f8cb0;
+    border: none;
+    color: white;
+    padding: 0.5em 1em;
+    margin-top: 0.2em;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+}
+
+ul.boxnav > li.critical > a {
+    background-color: #ff704d;
+}
+
 /* Playlists list style */
 
 ul.playlists {