Android app wraps words and messes with the text formatting

[FilipKV]

Operating system

Android

Joplin version

1.14.3

Desktop version info

Joplin 2.14.17 (prod, win32)

Client ID: 884931afa1d8427cbd41fbf24fc27000
Sync Version: 3
Profile Version: 46
Keychain Supported: Yes

Revision: 094175c

ABC Sheet Music Plugin: 1.0.4
Backup: 1.4.0
CodeMirror Options: 1.1.0

What issue do you have?

I created a lyrics and chords note for a song on the desktop.* Chords are displayed correctly above the corresponding words on desktop and on android app when I turn the phone sideways horizontally. But in vertical orientation, text gets broken into separate rows.
How do I disable word wrapping on the android app?
*The text is inserted with monospace font that is enabled by moving text to the right by hitting TAB button.

Screenshots

[changemewtf]

What if you surround the entire thing in code block syntax?

So like this:

That way, it will force everything to be monospace unformatted. The way you're doing it now, it looks like the un-indented lines are being formatted differently, so wrapping it in the three-backticks codeblock format will make it all consistent.

[FilipKV]

Hi, thanks for replying. I did that but it made no difference unfortunately.

[personalizedrefriger]

A few versions ago, code block wrapping was enabled by default on mobile.

It should be possible to override this for a single note by adding the following to the top of the note:

<style>
	pre code {
		white-space: pre;
		overflow-x: auto;
	}
</style>

[FilipKV]

That solves it, thank you!