problem-count-formatting

[emily-daitch]

Perhaps a little nitpicky, forgive me

I noticed that the problem count number wraps before the difficulty, like this:

I thought it might be nice to force them to move together always, like this:

I did this by changing the two spans to be a span within a span that is styled with white-space: nowrap

I also noticed with the current &ensp's, wrapping is a little uneven:

So I attempted to resolve that too:

I did this by moving the spaces from before Medium and before Hard to before Medium and after the Medium count (in it's own span because I think it needs to be there to not break when the quantity is updated(?)
When only hard wraps below, the centering isn't perfect (bc of the space following the medium count), but when all difficulties are forced to their own lines, all three difficulties are centered properly.

Wrapping the count span within the difficulty span allowed me to remove the color styling on the count span(s).