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