Fix list wrap on second line

[Rahmon]

Description

Fix list wrap on second line. Fixes #4210

How Has This Been Tested?

This has been tested with "npm test", "npm run test-e2e" and manually on Chrome and Firefox.

Types of changes

Bug fix

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows has proper inline documentation. #

[noisysocks]

Thanks for looking into this @Rahmon. The code looks good to me and this doesn't seem to cause any regressions.

Here's how it looks:

cc. @karmatosed

[mtias]

I believe the "inside" was added for some toolbar issues. cc @gziolo

[mtias]

It was added here: 1c53b02

[jorgefilipecosta]

Hi @Rahmon, thank you for your contribution 👍 The "list-style-position: inside;" was added as a fix to the bugs reported in #3727, #3707. This change does not create exactly the same bug, but affects the bullet point position creating a new undesirable behavior:

Can be replicated with the following post content https://gist.github.com/jorgefilipecosta/47b6fbac58b6ce66b8a1ffc2fdf02427. This strange behavior is much harder to replicate than the original bugs and the dimensions need to be really specific. I don't see any reason for this bugs to be happening, it looks like a random browser rendering problem and seems to just happen in chrome.

[jorgefilipecosta]

I did some debugging and it looks like I found a workaround for the new spacing bug not involving list-style-position. So I think this problem is not a blocker and the changes can be merged and I can create a parallel PR that addresses this spacing bullet position problem.

[Rahmon]

@jorgefilipecosta I saw that you did the last change in editor.scss file so I verified the bugs reported in #3727 and #3707 before submit this PR.. xD