visual improvements

public/css/style.css

@@ -10,8 +10,9 @@ body {
 	-moz-font-smoothing: antialiased;
 }
 
-td {
+table td {
 	font-size: 14px;
+	white-space: nowrap !important;
 	-webkit-font-smoothing: subpixel-antialiased;
 	-moz-font-smoothing: subpixel-antialiased;
 }
@@ -285,9 +286,12 @@ table td i {
 	left: 0;
 }
 
-table td {
+.nodeInfo .tooltip .tooltip-inner {
-	white-space: nowrap !important;
+	max-width: 400px;
+	text-align: left;
+	font-size: 12px;
 }
+
 .table>tbody>tr>td,
 .table>thead>tr>th {
 	padding: 5px;

public/js/filters.js

@@ -44,10 +44,31 @@ angular.module('netStatsApp.filters', [])
 })
 .filter('nodeVersion', function($sce) {
 	return function(version) {
-		if(typeof version !== 'undefined') {
+		if(typeof version !== 'undefined')
-			return $sce.trustAsHtml(version);
+		{
-		} else
+			var tmp = version.split('/');
-			return '';
+
+			tmp[0] = tmp[0].replace('Ethereum(++)', 'Eth');
+
+			if(tmp[1][0] !== 'v' && tmp[1][2] !== '.')
+			{
+				tmp.splice(1,1);
+			}
+
+			if(tmp[2] === 'Release'){
+				tmp.splice(2,1);
+			}
+
+			if(tmp[2].indexOf('Linux') === 0)
+				tmp[2] = 'linux';
+
+			if(tmp[2].indexOf('Darwin') === 0)
+				tmp[2] = 'darwin';
+
+			return $sce.trustAsHtml(tmp.join('/'));
+		}
+
+		return '';
 	};
 })
 .filter('blockClass', function() {
@@ -225,8 +246,7 @@ angular.module('netStatsApp.filters', [])
 				eth_version.splice(1,1);
 			}
 
-			string = "Ethereum: <b>" + (eth_version[0]) + "</b>";
+			string = "Ethereum: <b>" + node.info.node + "</b>";
-
 			tooltip.push(string);
 
 			string = "Version: <b>" + (eth_version[1]) + "</b>";
@@ -257,6 +277,12 @@ angular.module('netStatsApp.filters', [])
 			tooltip.push(string);
 		}
 
+		if(node.info.os !== '') {
+			string = "OS: <b>" + (typeof node.info.os !== 'undefined' ? node.info.os + ' ' + node.info.os_v : '?') + "</b>";
+
+			tooltip.push(string);
+		}
+
 		return tooltip.join("<br>");
 	};
 })