Description
The buttons on the top right of the Word/Targetcase fields which are visible by hovering on desktop, aren't easily visible on mobile.
To Reproduce
On desktop (fine):
Go to Level 1 page
Hover on a "Word:" or "Target Case:" field
On touchscreen (issue):
Go to Level 1 page
Read introduction and get confused at "settings icon" and "question mark". No idea where do find them.
To get them to appear, you need to tap on the fields themselves, which most times selects the text and triggers an OS text selection windows with options like "copy", "select all" which obscures the UI sometimes making it impossible to click said buttons at all.
Expected behavior (Suggestions)
Perhaps those buttons can be visible all the time on mobile. (In your implementation, you should use the property of "touchscreen-ness" or the lack of @media (hover: rather than viewport size.
Description The buttons on the top right of the Word/Targetcase fields which are visible by hovering on desktop, aren't easily visible on mobile.
To Reproduce On desktop (fine):
Expected behavior (Suggestions) Perhaps those buttons can be visible all the time on mobile. (In your implementation, you should use the property of "touchscreen-ness" or the lack of
@media (hover:rather than viewport size.Platform