Line breaks separate checkboxes from labels in userstats-bridge-transport.html
The checkboxes and labels wrap such that the checkbox sometimes is left at the end of a line, separated from its label:
This is the way it's currently formatted in website/web/WEB-INF/graph.jsp:
<input type="checkbox" name="transport" value="${row[0]}" id="transport_${row[0]}"${row[1]}>
<label class="checkbox-label" for="transport_${row[0]}">${row[2]}</label>
I did some experiments in the DOM editor and this fixes the problem and looks good with the current CSS (make input
a child of label
rather than use a for
attribute):
<label class="checkbox-label">
<input type="checkbox" name="transport" value="${row[0]}" id="transport_${row[0]}"${row[1]}> ${row[2]}
</label>
(Actually, the percentile checkboxes already work that way:)
<label class="checkbox-label">
<input type="checkbox" name="n" value="${row[0]}"${row[1]}> ${row[0]}
</label>