Search Input Doesn't Wrap Well

[devinsays]

Perhaps we should use negative margins to keep the so the submit button stays on the same line as the search input.

[lukefretwell]

Works for me. I'm noticing on the iPhone that the search box has a more curved radius than desktop view.

On Monday, March 3, 2014, Devin Price wrote:

Perhaps we should use negative margins to keep the so the submit button stays on the same line as the search input.

Reply to this email directly or view it on GitHubhttps://github.com/govfresh/govpress/issues/42 .

Luke Fretwell 415.722.8678 luke@lukefretwell.com http://lukefretwell.com

[alaina13]

I fixed this by setting the search bar width to 70%. Not sure if this is the best solution, but it seems to be working for now...

input[type="search"] { padding: 3px; width: 70%; }

[devinsays]

These tiny bugs are the most difficult. I ended up rewriting all the form styles: 2a49cb4.

This should fix all the wrapping issues with the search button and field. I also think the field design looks much better.

We'll need to test this across all browsers:

• Home page search field
• 404 search field
• Sidebar search field
• Footer widget search field
• Comments
• JetPack forms

[devinsays]

Button color now adopts the "link color" background. Will that look okay, or should we match it to something else? This can be tested by customizing the theme.

[devinsays]

Fixes for search on 404 page: ea4950e

[lukefretwell]

Looks fine to me: http://govpress.co/

[devinsays]

Limit search form width in footer widget: c19c49b