Change Details

=== 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; ``` {F22538524} === Actual Results - A generous height but a very narrow width with an unexpectedly minimal margin is offered even on large displays. {F22538527} === 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

=== 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; ``` {F22538524} === Actual Results - A generous height but a very narrow width with an unexpectedly minimal margin is offered even on large displays. {F22538527} === 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#/media/File%3AA_cursiva.gif # Check that left and right arrow buttons are easily clickable on mobile device. They should have a target size of at least 60px in width.

=== 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; ``` {F22538524} === Actual Results - A generous height but a very narrow width with an unexpectedly minimal margin is offered even on large displays. {F22538527} === 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#/media/File%3AA_cursiva.gif # Check that left and right arrow buttons are easily clickable on mobile device. They should have a target size of at least 60px in width.