GUI: Text glitches in low resolution mode

[antoniou79]

These were tested on Windows (recent build from master HEAD 2.9.0git) and Android with today's daily dev build.

The main issues I could spot were:

• "Group" label text being overlayed over "Search" label text (because it's positioned wrongly) on the ScummVM launcher screen, in low resolution mode under certain conditions.
• Tooltips being wrongly positioned when switching from low resolution mode to high resolution mode (but correctly positioned if then switching back to the original mode back again).
• Text in dialogs (like the About dialog) being badly wrapped or clipped out of the dialog box, when switching between low resolution and high resolution mode. It seems like the text keeps the wrapping it got in the mode it was originally rendered (high res vs low res), and this does not get re-calculated/refreshed after the toggle to the other resolution mode.
• At a certain portrait aspect ratio, on high resolution, the version text gets pushed out of the screen, and the ScummVM logo is not centered anymore -- possibly affected by the "?" help button placement.
• There are also still issues of buttons being clipped out of the tabbed dialogs in low resolution mode, but I believe those are already known so this ticket is not about them.

The issues are related to changing the GUI display from high resolution to low-resolution mode and also likely connected to the aspect ratio of the display too (eg "portrait" vs "landscape".

These issues happen regardless of backend, but they can be more frequent part of the user experience on a platform such as Android, because it's much easier to switch between different GUI layouts and resolutions (by switching device orientation).

Steps to reproduce on Windows:

• If necessary, from Global Options -> GUI, set a scale option that results in full screen mode being rendered in High Resolution.
• Switch to windowed mode and resize to a small enough window so that it gets the low-resolution mode. For triggering more of the issues, also resize the window so it has a "portrait" aspect ratio (ie. window width much lower than its height).
• Toggle between fullscreen and windowed while displaying a tooltip or a text containing dialog, such as the "About" dialog.

Steps to reproduce on Android:

• From Global Options -> GUI, set a scale option that results in portrait mode being rendered in High Resolution, and the landscape mode in low-resolution. (Ideally set a large enough value for the scale, so that the misalignment of the ScummVM logo is also triggered).
• Change your device's orientation while displaying a tooltip or a text containing dialog, such as the "About" dialog.

The specific condition to trigger the "Group" label text being misplaced and overlayed over the "Search" label text is this:

• Start in high resolution mode (portrait or landscape)
• Switch to low resolution mode (eg. windowed, or landscape low-res)
• Hover over a button until a tooltip is displayed or open the About dialog (make sure the part of the screen where "Search" label is positioned is still visible, in order to see the issue).

This issue won't happen if you start in low resolution mode and stay in that mode. The "Group" label text will appear in its correct position this time.