Align charts vertically
This commit is contained in:
parent
9f56cedc26
commit
94dd074978
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue