<div class="date agegate-option-content">
<p class="explain">or, enter your birth date.
<sup class="note-ref">*</sup>
</p>
<div class="datefields">
<span class="datefield">
<input type="number" name="month" id="month" size="2" min="1" max="12" maxlength="2" placeholder="MM">
<span class="label">
<br>Month
</span>
</span>
<span class="datefield">
<input type="number" name="day" id="day" size="2" maxlength="2" min="1" max="31" placeholder="DD">
<span class="label">
<br>Day
</span>
</span>
<span class="datefield">
<input type="number" name="year" id="year" size="4" maxlength="4" min="1900" max="2019" placeholder="YYYY">
<span class="label">
<br>Year*
</span>
</span>
</div>
<div class="errors">
<div class="error date">Please enter a valid date format (mm-dd-yyyy)</div>
<div class="error agree">Please confirm you have reviewed DeviantArt's Terms of Service below.</div>
</div>
<div class="note">
<sup class="note-ref">*</sup> We do not retain your date-of-birth information.
</div>
<!--cut out-->
</div>
URL: https://www.deviantart.com/agegate/?ref=https%3A%2F%2Fwww.deviantart.com%2F
Browser / Version: Firefox Nightly 66.0a1 (2019-01-28)
Operating System: Google Pixel (Android 9) - 1080 x 1920 pixels (~441 ppi pixel density)
Tested Another Browser: Yes
Problem type: Design is broken
Description: “ * ” signs are displayed misaligned
Steps to Reproduce:
1. Navigate to https://www.deviantart.com/agegate/?ref=https%3A%2F%2Fwww.deviantart.com%2F
2. Observe the “ * ” signs position.
Expected Behavior:
“ * ” are correctly aligned after/before the corresponding text.
Actual Behavior:
“ * ” are displayed misaligned.
Note
1. Not reproducible on Chrome 71.0.3578.98.
2. Screenshot attached.
Affected area:
Watchers:
@softvision-oana-arbuzov
@softvision-sergiulogigan
@cipriansv
sv;
Browser Configuration
From webcompat.com with ❤️