diff --git a/public/css/style.css b/public/css/style.css index df778ca..e290851 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -137,7 +137,8 @@ span.small-title span.small { } .big-info.chart .big-details { - padding-top: 8px; + position: absolute; + top: 40px; } .big-info.chart { @@ -202,7 +203,8 @@ span.small-title span.small { padding: 5px 15px; } -.second-row .box i { +.second-row .box i, +.big-info.chart i { position: relative; top: 2px; left: -3px; @@ -213,13 +215,27 @@ span.small-title span.small { float: left; } -.second-row .box .small-value { +.big-info.chart i { + font-size: 24px; + top: -2px; +} + +.small-value { font-weight: 300; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; float: right; } +.second-row .box .small-value { + float: right; +} +.big-info .small-value { + position: absolute; + right: 14px; + top: 10px; +} + table i { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; diff --git a/views/index.jade b/views/index.jade index 417f301..9169860 100644 --- a/views/index.jade +++ b/views/index.jade @@ -66,16 +66,16 @@ block content div.row(ng-cloak) div.col-xs-8.stats-boxes(style="padding-top: 0px;") div.row.second-row - //- div.col-xs-3.stat-holder.box - //- div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}") - //- i.icon-node - //- span.small-title active nodes - //- span.small-value {{nodesActive}}/{{nodesTotal}} div.col-xs-3.stat-holder.box - div.difficulty.text-info - i.icon-difficulty - span.small-title difficulty - span.small-value {{ lastDifficulty | number }} + div.active-nodes(class="{{ nodesActive | nodesActiveClass : nodesTotal }}") + i.icon-node + span.small-title active nodes + span.small-value {{nodesActive}}/{{nodesTotal}} + //- div.col-xs-3.stat-holder.box + //- div.difficulty.text-info + //- i.icon-difficulty + //- span.small-title difficulty + //- span.small-value {{ lastDifficulty | number }} div.col-xs-3.stat-holder.box div.gasprice.text-info i.icon-gasprice @@ -94,18 +94,24 @@ block content div.row div.col-xs-3.stat-holder - div.big-info.chart + div.big-info.chart(class="{{ avgBlockTime | avgTimeClass }}") + //- i.icon-time span.small-title block time + span.small-value {{ avgBlockTime | avgTimeFilter }} span.big-details.spark-blocktimes div.col-xs-3.stat-holder - div.big-info.chart + div.big-info.chart.text-info + //- i.icon-difficulty span.small-title difficulty + span.small-value {{ lastDifficulty | number }} span.big-details.spark-difficulty div.col-xs-3.stat-holder.xpull-right - div.big-info.chart.xdouble-chart + div.big-info.chart.xdouble-chart.text-info + //- i.icon-gas span.small-title block propagation + //- span.small-value {{ lastDifficulty | number }} histogram.big-details.d3-blockpropagation(data="blockPropagationChart") div.col-xs-3.stat-holder.pull-right @@ -118,18 +124,22 @@ block content div.clearfix div.col-xs-3.stat-holder - div.big-info.chart + div.big-info.chart.text-info + //- i.icon-uncle span.small-title uncle count #[ ] span.small (25 blocks per bar) + span.small-value {{ bestStats.block.uncles.length }}/{{ uncleCount }} span.big-details.spark-uncles div.col-xs-3.stat-holder - div.big-info.chart + div.big-info.chart.text-info + //- i.icon-uncle span.small-title transactions span.big-details.spark-transactions div.col-xs-3.stat-holder - div.big-info.chart + div.big-info.chart.text-info + //- i.icon-gasprice span.small-title gas spending span.big-details.spark-gasspending