1052760 - Elements at skyscanner.net looks vertically stretched

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[sviter33]

Attachment: Check boxes Skyscanner.png

User Agent: Mozilla/5.0 (Android; Tablet; rv:34.0) Gecko/34.0 Firefox/34.0 (Nightly/Aurora)
Build ID: 20140812030202



Actual results:

Some elements (checkboxes) at http://skyscanner.net/ looks stretched vertically. See attached screenshot 


Expected results:

Mast be round

Comment 1

[Karl Dubost💡 :karlcow]

Interesting difference.
When accessing the same page by faking the UA on Firefox Desktop. The checkboxes are not stretched.
In the simulator and on the device they indeed look stretched out.

Would it be possible to test in different builds?
It's kind of strange.

I see a 
#search-controls #journey-type-toggle input[type="radio"] {
    min-height: 18px;
}

and a 
#search-controls #search-compare-units input, #search-controls #journey-type-toggle input, #search-controls #add-nearby-airports-origin-toggle input, #search-controls #add-nearby-airports-destination-toggle input, #search-controls #prefer-directs-toggle input {
    border: 0px none;
    float: left;
    height: 13px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: -1px;
    vertical-align: bottom;
    width: 13px;
}

I wonder if it's the reason.

Maybe we could try to create a reduced test case for this.

Comment 2

[Karl Dubost💡 :karlcow]

fixed