Impossible to set values on some steps for screens with small width, due to buttons overflowing

[steevefontaine]

On smaller screens, some French users reported that the bottom buttons (Undo, Redo, and Next Step) do not fit in the screen width, making the buttons use more height on the screen, partially hiding checkboxes or inputs. The application cannot be used on these small screens because of that.

[steevefontaine]

One fix could be to add more vertical margin after the lastest step shown (or before the buttons). Another fix would be to simply change the "Étape suivante" label (litterally "Next step") to "Suivant" ("Next").

I am able to shorten the "Next step" button label if you prefer that solution.

[EwenDC]

Hey apologies for the late response, got busy then got sick.

What device and browser are these users using? I can see in the screenshots that the buttons are not rendering correctly and that's why they're shifting like that. This is Chrome and Firefox rendering correctly on a narrower screen than the screenshots:

[steevefontaine]

Two users told me they have this problem with these devices and browsers:

• iPhone 8, Google Chrome
• iPhone 12 mini, Google Chrome

[EwenDC]

Unfortunately I am not able to replicate this myself. The only Mac device I have access to is a Macbook pro and when I run the app there on Safari it renders perfectly fine. This has to be some weird rendering bug with those specific iPhone versions of Safari, which is frustrating, since Apple's iPhone policies make it impossible to not use Safari.

I'm including a change in the latest version that might fix this bug, but no guarantee since I can't test it. If the issue still persists, I'd recommend simply using the app in landscape mode.