1
0
Fork 0

Align charts vertically

This commit is contained in:
Gregory Eremin 2016-01-10 17:28:26 +03:00
parent 9f56cedc26
commit 94dd074978
1 changed files with 20 additions and 6 deletions

View File

@ -6,7 +6,7 @@ body {
} }
#app { #app {
width: 800px; width: 950px;
margin: 0 auto; margin: 0 auto;
} }
@ -15,7 +15,7 @@ body {
*/ */
.table-row { .table-row {
width: 800px; width: 950px;
height: 40px; height: 40px;
} }
.table-cell { .table-cell {
@ -26,7 +26,7 @@ body {
font-family: monospace; font-family: monospace;
} }
.table-cell.col-name { .table-cell.col-name {
width: 200px; width: 350px;
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
font-family: inherit; font-family: inherit;
@ -44,13 +44,14 @@ body {
.linechart { .linechart {
float: left; float: left;
width: 300px; width: 950px;
height: 150px; height: 120px;
margin-right: 15px; margin-right: 15px;
} }
.linechart svg { .linechart svg {
width: 100%; width: 100%;
height: 100%; height: 100%;
/*background-color: #abc;*/
} }
.linechart .line { .linechart .line {
stroke-width: 1px; stroke-width: 1px;
@ -62,6 +63,12 @@ body {
.linechart .line.errors { .linechart .line.errors {
stroke: #f64; stroke: #f64;
} }
.linechart .dot.processed {
fill: #46f;
}
.linechart .dot.errors {
fill: #f64;
}
.linechart .axis { .linechart .axis {
stroke: #888; stroke: #888;
} }
@ -77,7 +84,7 @@ body {
.boxplot { .boxplot {
float: left; float: left;
width: 485px; width: 950px;
height: 200px; height: 200px;
} }
.boxplot svg { .boxplot svg {
@ -106,3 +113,10 @@ body {
.daemon { .daemon {
width: 100%; width: 100%;
} }
.axis-label {
stroke: #444;
font-weight: 100;
font-family: monospace;
font-size: 10px;
}