diff --git a/dashboard/css/app.css b/dashboard/css/app.css index 82d6d68..bd83e71 100644 --- a/dashboard/css/app.css +++ b/dashboard/css/app.css @@ -1,3 +1,5 @@ +* { box-sizing: border-box; } + body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; @@ -9,10 +11,44 @@ body { /*background-color: #ccc;*/ } +.header { + width: 100%; + height: 30px; +} + .header > div { + float: left; + line-height: 30px; + text-align: center; + font-weight: 600; + border-right: #666 1px solid; + } + +.col-name { width: 200px; } +.col-processed { width: 100px; } +.col-errors { width: 100px; } +.col-min { width: 100px; } +.col-median { width: 100px; } +.col-max { width: 100px; } + .daemon { margin-top: 40px; height: 150px; } + .daemon .stats { + width: 100%; + height: 30px; + } + .daemon .stats > div { + float: left; + line-height: 30px; + text-align: right; + padding-right: 5px; + border-right: #666 1px solid; + } + .daemon .stats > div.col-name { + text-align: left; + font-weight: 600; + } .daemon .left-block { float: left; width: 330px; diff --git a/dashboard/js/app.jsx b/dashboard/js/app.jsx index dc5c657..f485fc0 100644 --- a/dashboard/js/app.jsx +++ b/dashboard/js/app.jsx @@ -42,7 +42,41 @@ var Dashboard = React.createClass({ render: function() { return ( -