Improve label and text wrapping

[silverwind]

• Adjust issue list styles so labels can wrap on the same line as the text. This relies on display: inline with the HTML whitespace being used as the separator.
• Add global word-break: break-word. This should generally avoid text overflows in various places.

[silverwind]

Test failure is unrelated.

[noerw]

Nice! But issue comment labels have no spacing anymore

[silverwind]

Fixed that by adding a space after each label.

[noerw]

Not sure it's good having break-word on body. On small screens layout seems worse:

[silverwind]

I think it's an overall improvement and we can deal with such cases individually. We have many places where text can overflow currently:

without break-work:

with break-word:

break-all would be even nicer because it will not break the first line on long strings without whitespace but it has the downside of breaking apart words.

[silverwind]

Pushed a change that switches global rule to overflow-wrap which should fix the two cases @noerw posted while still keeping certain overflows from going offscreen.

[techknowlogick]

🚀