Display of code examples need improvement

[iriman]

This is a screenshot from here just before the section:

as you see, there are two problems:

• [x] Content is overflowed
• [x] This page is RTL, so code block displayed RTL by default. It should become left-to-right, since mostly it's displaying something in English.

What is expecting:

[iriman]

I suggest adding the new rule white-space: pre-wrap; to the pre element

and new rules direction: ltr; and text-align: left; here: https://github.com/hotosm/learnosm/blob/7b078bcc9d20e89496d7e7734f759a26a422b1e5/style-rtl.css#L724

[michael63-osm]

checked locally that it works as expected and added this to staging and production sites