"Ignore" button inaccessible when using Clozemaster on Android

[alanf_us]

While most UI elements in Clozemaster reflow when used on a narrow screen (like a phone), this is not true of the row of buttons “Hard”/“Easy”/“0% Mastered”/“100% Mastered”/“Ignore”. As a result, I can’t get to the “Ignore” button at all. Horizontal scroll doesn’t work, and neither does a pinch gesture. If I set Firefox’s “text size” setting to 95%, all of a sudden everything gets a lot smaller (smaller than I’d like), but the “Ignore” button is sometimes fully and sometimes partially visible. However, sometimes it’s not available at all, and I don’t know why, given that sometimes I can see space on the rightmost side of the rightmost button (“100% Mastered”).

Summary of problems:

• the “Hard”/…/“Ignore” buttons don’t reflow
• the “Ignore” button doesn’t always appear, even if there’s room on the right for it to be at least partially visible
• the site seems to disable pinch (or at least doesn’t let me use it to the extent I would need to work around this problem)
• there’s no way to scroll horizontally

This applies in both Firefox and Chrome on Android.

Screenshot:

[morbrorper]

The button label “0% Mastered” could be shortened to “0%”.

[alanf_us]

Or the box could allow the “0%” (or “100%”) to flow above the “Mastered” when the screen gets narrow, and the box itself could then become narrower.

I should point out that all of this happens when using the phone in portrait mode. It is possible to switch to landscape mode, either temporarily or permanently, in order to access the chopped-off buttons. However, I mention this as a workaround. It’s not feasible for me to play Clozemaster in landscape mode long-term (because the on-screen typewriter keys take up more space and make it difficult to see the sentence itself) and it’s a pain to have to switch between portrait and landscape mode just to access a button that really should be available without that.