graph legend: fix table alignment

This commit is contained in:
Alexander Zobnin 2018-10-24 17:38:10 +03:00
parent f5a0b0044a
commit e4b3f31f82
No known key found for this signature in database
GPG Key ID: E17E9ABACEFA59EB
2 changed files with 9 additions and 5 deletions

View File

@ -250,7 +250,10 @@ class LegendTable extends PureComponent<Partial<LegendComponentProps>> {
const seriesValuesProps = { values, min, max, avg, current, total };
return (
<table>
<tbody>
<colgroup>
<col style={{ width: '100%' }} />
</colgroup>
<thead>
<tr>
<th style={{ textAlign: 'left' }} />
{LEGEND_STATS.map(
@ -266,6 +269,8 @@ class LegendTable extends PureComponent<Partial<LegendComponentProps>> {
)
)}
</tr>
</thead>
<tbody>
{seriesList.map((series, i) => (
<LegendItem
key={`${series.id}-${i}`}

View File

@ -136,11 +136,10 @@
}
.graph-legend-table {
table {
width: 100%;
}
tbody {
display: block;
position: relative;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: 1px;
padding-right: 5px;
padding-left: 5px;