Link to nodeDetails from /slaves/

static/nodeDetails.css

@@ -16,13 +16,6 @@
 #displayBody {
 	margin-left: 16px;
 }
-a {
-	color: #FF7200;
-	text-decoration: none;
-}
-a:hover {
-	color: #FFF;
-}
 #hero {
 	background-color: #444;
 	height:400px;

static/slaveDisplay.js

@@ -19,7 +19,7 @@ setTimeout(function() {
 					}
 					HTML += "<div class='slaveBox'>";
 					HTML += '<div id="' + slaveData[key].unique + '" class="productionGraph" style="width: calc(100% - 200px);"></div>';
-					HTML += "<h2>" + slaveData[key].instanceName + "</h2><p>ID: " + slaveData[key].unique + "</p><p>Last seen: "+seenDate+"</p><p>Online players: "+slaveData[key].playerCount+"</p><p>IP: "+slaveData[key].publicIP +":"+ slaveData[key].serverPort+"</p>"
+					HTML += "<a href='nodeDetails?slaveID="+slaveData[key].unique+"'><h2>" + slaveData[key].instanceName + "</h2></a><p>ID: " + slaveData[key].unique + "</p><p>Last seen: "+seenDate+"</p><p>Online players: "+slaveData[key].playerCount+"</p><p>IP: "+slaveData[key].publicIP +":"+ slaveData[key].serverPort+"</p>"
 					HTML += "<p>Host: "+slaveData[key].mac+"</p>";
 					HTML += "<button onclick='hideAllDatasets(\"" + slaveData[key].unique + "\")\'>Hide all</button>";
 					HTML += "<button onclick='showAllDatasets(\"" + slaveData[key].unique + "\")\'>Show all</button>";

static/style.css

@@ -23,6 +23,13 @@
 #sidenav a:hover p {
 	color: #FFF;
 }
+a {
+	color: #FF7200;
+	text-decoration: none;
+}
+a:hover {
+	color: #FFF;
+}
 #body {
 	margin-left:200px;
 }