Design Update for Table of Contents

[mtias]

• Change document counts to be a single row.
• Reduce count sizes and invert order of count/number.
• Increase width of panel — this is better for readability and preventing heading items from wrapping too soon. cc @afercia
• Rename "word count" to just "words".
• Makes line-divider full-width.

cc @jasmussen @karmatosed

[jasmussen]

Nice, goes nicely with #4287.

[mtias]

Adjusted the balance of margins so that cases without headings are balanced:

[afercia]

The bigger, the better.

I only have one a11y concern, related to a pre-existing issue. Re-ordering text and numbers should be avoided. It actually produces a mismatch between the visual order and the logical order. If the desired visuals is to have the text followed by the numbers, can we just do that also in the source? See also https://www.w3.org/TR/css-flexbox-1/#order-accessibility

[mtias]

can we just do that also in the source?

Yes, definitely, good call.

[karmatosed]

Really like this :)