URL: https://m3.barebackrt.com

Browser / Version: Firefox Mobile Nightly 62.0a1 (2018-05-15)
Operating System: Google Pixel (Android 8.1.0) - 1080 x 1920 pixels (~441 ppi pixel density)
Tested Another Browser: Yes

Problem type: Design is broken
Description: “X” button from “Offline” status icon is misaligned

Prerequisites
1. Created account.

Steps to Reproduce
1. Navigate to https://m3.barebackrt.com
2. Sign in with valid username and password.
3. Scroll down the page to “Custom Searches” section.
4. Type in the name of an user (e.g. “Terry”).
5. Observe search results thumbnails .

Expected Behavior:
The “X” from the “Offline” status icon is centered.

Actual Behavior:
The “X” from the “Offline” status icon is misaligned.

Note:
1. Not reproducible for “Online” status icon.
2. Reproducible on Firefox 60.0 Release.
3. Not reproducible on Chrome 66.0.3359.158.
4. Screenshot attached.
5. Affected area:

<li class="ui-li-has-thumb ui-first-child">
	<form id="row0" method="post" action="/?view&amp;key=1136351448">
		<input name="id" value="232579" type="hidden">
	</form>
	<a href="#" onclick="document.getElementById('row0').submit();" data-role="button" class="ui-link ui-btn ui-shadow ui-corner-all" role="button">
		<img src="https://cdn6m3.barebackrt.com/?phc5&amp;key=cdn.v3qtps47um8d1l1pe31apb09m31526475446.6335">
	    <br>
	    <h2>biFuckerTerry</h2>
	    <p class="ui-li-bside ui-li-bsidered">X</p>
	    <p>44
		    <span class="bb-orange"> | </span>Top
	    	<span class="bb-orange"> | </span>Manhattan, NY, US
    	</p>
	</a>
</li>

Watchers:
@softvision-sergiulogigan
@softvision-oana-arbuzov

sv; country: us

From webcompat.com with ❤️