the search input field gets too narrow on small screens

[agcolom]

to reproduce, either access jquery.org with a mobile device, or use a desktop browser and reduce the browser screen width. Very quickly the search input field becomes so narrow that it is unusable. However, there is room to have it wider...
the width is set to 20% :

nav#main .searchform {
width: 20%;
}

however, when the search input field is on a small screen and comes on its own line, it could afford a wider width than that...

[exaptis]

On iPhone the search even becomes useless.
The problem is caused by the redundant style definition in your style.css -> nav#main .searchform,
because it is correctly set to 100% inside your base.css media-queries for lower resolutions.

From a quick lock it seems that it would be sufficient to remove the style from style.css and adjust the declaration in base.css to 20% width (there it is set to 28% and this screws up the layout)

Cheers,
David

[agcolom]

jquery.com is not having this problem. Can we apply the same css rules?
In jquery.org, we have
nav#main .searchform {
width: 20%;
}
in jquery.com, we have
nav#main .searchform {
clear: both;
display: block;
float: none;
margin: 15px auto;
width: 100%;
}