moved stats up

public/css/style.css

@@ -5,18 +5,19 @@ body {
 }
 
 .big-info {
-	padding-bottom: 30px;
-	padding-top: 30px;
-	/*border: 1px solid rgba(255,255,255,0.05);*/
+	padding-bottom: 20px;
+	padding-top: 20px;
+	background: #090909;
+	border: 1px solid rgba(255,255,255,0.05);
 }
 
 .big-info .icon-full-width i {
 	display: block;
-	width: 110px;
-	height: 90px;
-	font-size: 90px;
-	line-height: 90px;
-	margin-right: 20px;
+	width: 85px;
+	height: 70px;
+	font-size: 70px;
+	line-height: 70px;
+	margin-right: 15px;
 }
 
 .big-info span {
@@ -26,19 +27,18 @@ body {
 .big-info span.small-title {
 	display: block;
 	font-weight: 700;
-	font-size: 16px;
+	font-size: 14px;
 	line-height: 20px;
 	letter-spacing: 1px;
 	text-transform: uppercase;
-	padding-top: 6px;
 	color: #aaa !important;
 }
 
 .big-info span.big-details {
 	display: block;
 	font-weight: 200;
-	font-size: 60px;
-	line-height: 64px;
+	font-size: 50px;
+	line-height: 55px;
 	letter-spacing: -4px;
 }
 

views/index.jade

@@ -3,14 +3,14 @@ extends layout
 block content
   div.container-fluid(ng-controller='StatsCtrl')
     div.row
-      div.col-lg-7(ng-cloak)
-        div.col-sm-12
-          h1= title
+      div.col-lg-12(ng-cloak)
+        //- div.col-sm-12
+          //- h1= title
           //- p Welcome to #{title}
 
-        div.clearfix
+        //- div.clearfix
 
-        div.col-xs-4.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.nodesactive(class="{{ nodesActive | nodesActiveClass : nodesTotal }}")
             div.pull-left.icon-full-width
               i.icon-bulb
@@ -18,7 +18,7 @@ block content
               span.small-title active nodes
               span.big-details {{nodesActive}}/{{nodesTotal}}
             div.clearfix
-        div.col-xs-5.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.difficulty.text-info
             div.pull-left.icon-full-width
               i.icon-difficulty
@@ -26,7 +26,7 @@ block content
               span.small-title difficulty
               span.big-details {{ lastDifficulty }}
             div.clearfix
-        div.col-xs-3.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.uptime(class="{{ upTimeTotal | upTimeClass }}")
             div.pull-left.icon-full-width
               i.icon-clock
@@ -34,7 +34,7 @@ block content
               span.small-title up-time
               span.big-details {{ upTimeTotal | upTimeFilter }}
             div.clearfix
-        div.col-xs-4.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.bestblock.text-info
             div.pull-left.icon-full-width
               i.icon-block
@@ -42,7 +42,7 @@ block content
               span.small-title best block
               span.big-details {{"#" + bestBlock}}
             div.clearfix
-        div.col-xs-5.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.blocktime(class="{{ lastBlock | timeClass }}")
             div.pull-left.icon-full-width
               i.icon-time
@@ -50,7 +50,7 @@ block content
               span.small-title last block
               span.big-details {{ lastBlock | blockTimeFilter }}
             div.clearfix
-        div.col-xs-3.stat-holder
+        div.col-xs-2.stat-holder
           div.row.big-info.avgblocktime(class="{{ avgBlockTime | timeClass }}")
             div.pull-left.icon-full-width
               i.icon-gas