css fixes

public/css/style.css

@@ -1,10 +1,19 @@
+html {
+	width: 100%;
+}
+
 body {
+	width: 100%;
 	min-width: 1900px;
 	font-smooth: auto;
 	-webkit-font-smoothing: antialiased;
 	-moz-font-smoothing: antialiased;
 }
 
+.stat-holder {
+
+}
+
 .big-info {
 	padding-bottom: 15px;
 	padding-top: 15px;
@@ -12,6 +21,10 @@ body {
 	border: 1px solid rgba(255,255,255,0.05);
 }
 
+.stats-boxes .big-info {
+	margin-right: -30px;
+}
+
 .big-info .icon-full-width i {
 	display: block;
 	width: 85px;
@@ -117,10 +130,30 @@ table td i {
 	left: 0;
 }
 
+table td {
+	white-space: nowrap !important;
+}
+.table>tbody>tr>td,
+.table>thead>tr>th {
+	padding: 5px;
+}
+
+.th-nodename {
+	width: 400px;
+}
+
 .th-latency {
 	width: 100px;
 }
 
+.th-blockhash {
+	width: 460px;
+}
+
+.th-blocktime {
+	width: 110px;
+}
+
 @media only screen and (max-width: 639px) {
 	/*.big-info {
 		padding-bottom: 15px;

public/js/controllers.js

@@ -74,16 +74,7 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
 				break;
 
 			case "update":
-				var index = findIndex({id: data.id});
-
-				// if(data.stats.block.number > $scope.nodes[index].stats.block.number) {
-				// 	data.stats.block.firstarrived = (data.stats.block.number > $scope.bestBlock ? data.stats.block.received : $scope.lastBlock);
-				// } else {
-				// 	data.stats.block.firstarrived = $scope.nodes[index].stats.block.firstarrived;
-				// }
-
-				$scope.nodes[index].stats = data.stats;
-
+				$scope.nodes[findIndex({id: data.id})].stats = data.stats;
 				break;
 
 			case "info":
@@ -155,18 +146,24 @@ function StatsCtrl($scope, $filter, socket, _, toastr) {
 					return parseInt(node.stats.block.number);
 				}).stats.difficulty;
 
+				$scope.difficultyChange.pop();
+
 				jQuery('.spark-difficulty').sparkline($scope.difficultyChange.reverse(), {type: 'bar'});
 
 				$scope.transactionDensity = _.max($scope.nodes, function(node) {
 					return parseInt(node.stats.block.number);
 				}).stats.txDensity;
 
+				$scope.transactionDensity.pop();
+
 				jQuery('.spark-transactions').sparkline($scope.transactionDensity.reverse(), {type: 'bar'});
 
 				$scope.gasSpending = _.max($scope.nodes, function(node) {
 					return parseInt(node.stats.block.number);
 				}).stats.gasSpending;
 
+				$scope.gasSpending.pop();
+
 				jQuery('.spark-gasspending').sparkline($scope.gasSpending.reverse(), {type: 'bar'});
 			}