HistoryList: State change visuals are badly aligned

[flourish86]

See, how the visuals are misaligned in the screenshot

An easy fix is probably add a fixed width to the

`.

Also notable: The small state-balls have a negative margin-left: -.375em; which should be compensated for.

Current

With fixed width added

/* less */
.visual {
  min-width: 26 / 12em
}

[flourish86]

It's even worse, when soft state indicators are present.