Cards are broken when increasing Android's font size (Cordova app)

[dpalou]

I couldn't reproduce this in Chrome for Android because the Android's font size setting has no effect in Chrome, but this is affecting our Cordova app.

Here's an image of how it looks like:

https://ibb.co/10nTt22

The position of some elements is wrong, and the buttons stop working when this happens so the H5P becomes unusable.

How to reproduce:

1. Create a new Cordova app.
2. In the index.html file of the app, add an iframe pointing to a website containing a Dialog cards H5P.
3. In an Android device or emulator, go to "Settings > Display > Display size and text" and set "Font size" to the maximum value.
4. Install the Cordova app in the device. The UI of the Dialog cards is wrong.