Steps to Reproduce
- Visit https://en.m.wikipedia.org/wiki/Sublime_(philosophy)#/media/File%3ASMSMS.JPG
- From the center towards the left, start tapping.
Expected Results
- A generous width considering percentage is given to the gallery navigation buttons; e.g.:
min-width: 40px; width: 10%; max-width: 80px;
Actual Results
- A generous height but a very narrow width with an unexpectedly minimal margin is offered even on large displays.
Environments Observed
Browser Version
- Chromium v66.0.3359.181
OS Version
- Ubuntu v18.04
Device Model
- Desktop
Device Language
- English
Acceptance criteria
- Touch area has been increased to 60px width per @alexhollender recommendation.
- There is an inline comment explaining why 60px has been chosen in case attempts are made to change it again later.
- No change to height is necessary
QA
Environment: staging
Browser & device: mobile grade A browsers & desktop grade A browsers
Skin: minerva
Steps:
- Go to https://readers-web-staging.wmflabs.org/wiki/A?mobileaction=toggle_view_mobile#/media/File%3AA_cursiva.gif
- Check that left and right arrow buttons are easily clickable/tappable. They should have a target size of at least 60px in width.