The score for the 4 questions are 111, 1218, 261 and 5 respectively, but they display 2 digits per line. This is an obvious bug in design.
I suggest taking some advice from the user-profile tags page in terms of how large numbers are handled:
It allows for 3 characters easily, with abbreviations for 1000+ (
The line wrapping problem is easily fixed just by forbidding it in CSS:
(Yes, the class name for those vote counts is
This mostly fixes the problem for three-digit scores, but four-digit scores will overflow the box reserved for them, and run into the question title. For that matter, even for three-digit scores the fit's kind of tight.
As it turns out, the meta.SE style sheet already has rules for increasing the box width and reducing the font size for three- and four-digit scores. However, they do nothing (in the sidebar, anyway), because they're overridden by other rules tagged as
Just adding the
With the extra styles above, the linked questions side bar for this question looks like this:
I'll be adding the CSS fixes above to the next version of SOUP, assuming that these styles don't get fixed before it's released. Those feeling adventurous can go grab the development pre-release version, which already includes this fix, from the GitHub repo here.
Ps. The existing
Really, the best solution would be to throw out the current broken