Open
Description
Describe the current behavior
table / tr / td tags are used to describe the text box content for the legend
example:
<table>
<tr>
<td>
<div class="nad-vl300to500-0 nad-legend-square"/>
</td>
<td>393.5 kV / -15.1°</td>
</tr>
<tr>
<td>
<div class="nad-vl300to500-1 nad-legend-square"/>
</td>
<td>393.0 kV / -14.7°</td>
</tr>
</table>Describe the expected behavior
Using divs with CSS instead, something like that:
<div class="table">
<div class="row">
<div class="nad-vl300to500-0 nad-legend-square"/>
<div class="cell">393.5 kV / -15.1°</div>
</div>
<div class="row">
<div class="nad-vl300to500-1 nad-legend-square"/>
<div class="cell">393.0 kV / -14.7°</div>
</div>
</div>with corresponding CSS
.table {
display: table;
}
.row {
display: table-row;
}
.cell {
display: table-cell;
padding: 4px;
}Describe the motivation
Less verbose SVG
Extra Information
No response