Steps to Reproduce

1. Visit https://en.m.wikipedia.org/wiki/Sublime_(philosophy)#/media/File%3ASMSMS.JPG
2. 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:

1. Go to https://readers-web-staging.wmflabs.org/wiki/A?mobileaction=toggle_view_mobile#/media/File%3AA_cursiva.gif
2. Check that left and right arrow buttons are easily clickable/tappable. They should have a target size of at least 60px in width.