<div data-a-input-name="sh-checkbox-B079JD7F7G" data-asin="B079JD7F7G" data-offerlistingid="7ZX%2Bb5Q2myndWeJbRhqy8LTvw2YtCTsGjTV4EvuPrNeMQ9SjtBbPqkEbL76HJ8jz0VuAr1%2F6Vx1FKXCj8mBjK9EwmAkVkUKc8ZicBeqcQyxUTMmT%2F%2FOQGw%3D%3D" data-price="56.99" class="a-checkbox a-checkbox-fancy a-control-row a-touch-checkbox sh-badge-v2-checkbox">
<label>
<input type="checkbox" name="sh-checkbox-B079JD7F7G" value="B079JD7F7G" autocomplete="off" checked="">
<i class="a-icon a-icon-checkbox"></i>
<span class="a-label a-checkbox-label"></span>
</label>
</div>
URL: https://www.amazon.com/dp/B079JD7F7G?pf_rd_s=grid-8&pf_rd_t=Gateway-AmazonGlobal&pf_rd_i=mobile&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=2SNJ34XCSWN0C63PKY4G&pf_rd_p=2ccf2ffe-ebd3-4cef-a6ff-0cb759b10e7b&m=ATVPDKIKX0DER&ref_=gbma_img_0e7b_8_d83dc847
Browser / Version: Firefox Nightly 68.0a1 (2019-06-06)
Operating System: Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)
Tested Another Browser: Yes
Problem type: Design is broken
Description: “Buy both” section check-boxes are displayed misaligned
Steps to Reproduce:
1. Navigate to https://www.amazon.com/dp/B079JD7F7G?pf_rd_s=grid-8&pf_rd_t=Gateway-AmazonGlobal&pf_rd_i=mobile&pf_rd_m=ATVPDKIKX0DER&pf_rd_r=2SNJ34XCSWN0C63PKY4G&pf_rd_p=2ccf2ffe-ebd3-4cef-a6ff-0cb759b10e7b&m=ATVPDKIKX0DER&ref_=gbma_img_0e7b_8_d83dc847
2. Scroll down the page.
3. Tap “Buy both” button.
4. Observe check-boxes position.
Expected Behavior:
The check-boxes are centered in the allocated space.
Actual Behavior:
The check-boxes are misaligned (bottom).
Note
1. Not reproducible on Chrome 74.0.3729.169.
2. Screenshot attached.
Affected area:
Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan
@cipriansv
sv;
Browser Configuration
From webcompat.com with ❤️