Fix: Prevent the code text from sticking out of the div in Settings page documentation

[Dedelweiss]

On the settings page, the code for the -social-links flag is sticking out.
On this PR, I just added a overflow scroll to the p elements with code.
Before:

After:

Reviewed-by: @ckipp01

[ckipp01]

Thanks for the pr @Dedelweiss! Since this is code, do you think instead of breaking we may just want instead have an overflow that you can scroll left and right with? I typically don't like that, but in this case it might make the most sense since you don't want to potentially break on code in a place that's showing actual code, causing confusion. Wdyt?

[Dedelweiss]

It's true that it's better to avoid any confusion, but I don't know if people will have the intuition to scroll directly.
I have three possible solutions:
Overflow just on the line:

think):

Overflow on the div:

Or like this (Black with the system of copy/paste) and now the break-word is possible:

[ckipp01]

I think my personal preference is your first one with the overflow on the single line. It may not be super obvious, but at the same time it doesn't break the screen and provides the ability to work.

[Dedelweiss]

Desc updated

[ckipp01]

Great, thanks @Dedelweiss!

[julienrf]

On Chrome the result does not look good:

[julienrf]

It seems overflow: auto is a better fit because the scrollbars are shown only if the content does not fit:

[julienrf]

Actually on Firefox I see no scrollbars 🤔

[julienrf]

I’ve reverted the PR for now. I am not sure what should be the correct solution.

[Dedelweiss]

Okay sorry, I will see for a better solution.

[julienrf]

No problem, thank you for your help! Getting something that works consistently across browsers is not that easy…