Make dev-state panel more readable (#127)

With a lot dev-states, especially ones that have large 3rd column
content, the visual display of what col #1 goes with which col #3 is
not always clear. This does 2 things.

Vertical align all rows, so the top alignment is a clear guide.

Color all even rows to #eee, so we get a stipple effect which makes it
clear which things group together.
This commit is contained in:
Sean Dague 2016-10-13 11:42:02 -04:00 committed by Paulus Schoutsen
parent db109f5dda
commit d6d62e8fa7

View File

@ -31,6 +31,14 @@
text-align: left;
}
.entities tr {
vertical-align: top;
}
.entities tr:nth-child(even) {
background-color: #eee;
}
.entities td:nth-child(3) {
white-space: pre-wrap;
word-break: break-word;