Add a word-break to list items to keep the layout intact

[loekvangool]

Long words (like URLs from payment modules) mess up the order notes layout like this:

Before:

A word-break fixes it and although it does break the word at the end of the box, it does not take away any information.

After:

Contribution checklist (*)

• Pull request has a meaningful description of its purpose
• All commits are accompanied by meaningful commit messages
• All automated tests passed successfully (all builds are green)

[kkrieger85]

LGTM

[luigifab]

For openmage and legacy themes, in Order view and Invoice View, the fix do nothing (for me, Firefox 88), but .note-list li { word-break: break-all; } do the job.

I used the following comments to test: klmjkljkljjklllkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk and ùmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm .

[fballiano]

@loekvangool would you add @luigifab patch to this?

[loekvangool]

Done

[github-actions]

Unit Test Results

1 files  1 suites   0s ⏱️
0 tests 0 ✔️ 0 💤 0 ❌
7 runs  5 ✔️ 2 💤 0 ❌

Results for commit 98ede1c.