jquery/jquery-mobile — Issue #3207: Excessive padding/margin for .ui-field-contain in small resolutions
Author: itechnology
Created: 2011-12-02 13:31:00+00:00
State: open

padding/margin gets very big and ugly at small resolutions like 320

Culprit seems to be the following

default value is set as:

``.ui-field-contain { padding: 1.5em 0; margin: 0; border-bottom-width: 1px; overflow: visible; }``

And one line below we have:

``@media all and (min-width: 450px){
.ui-field-contain { border-width: 0; padding: 0; margin: 1em 0; }
}	.ui-select { display: block; position: relative; }``

So above 450 we get:
padding: 0;
margin: 1em 0;

and under 450 we get :
padding: 1.5em 0;
margin: 0;

Seems kinda backwards, no ?