Search box misaligned on iPhone and small Firefox window [#2065723]

When viewed in a narrow window (either on iPhone or narrow Firefox window), the search box is vertically offset downwards by about 10-20 pixels. It should be vertically centred in the black bar, the same way the "Sections" menu is. See attached screenshot of narrow Firefox window.

Comment	File	Size	Author
	screendump_agov_small.jpg	90.45 KB	gregmcf

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

gregmcf CreditAttribution: gregmcf commented 15 August 2013 at 05:28

URL of rc1 release showing problem: http://serverhub.dward.us/~veganaustralia/agov-7.x-1.0-rc1/

Comment #2

kim.pepper

English

🏄‍♂️🇦🇺Sydney, Australia

CreditAttribution: kim.pepper commented 15 August 2013 at 05:42

Hi Greg,

Thanks for posting your issue.

It looks like the different logo size is affecting the margins of the search form in mobile size.

The quick fix is to resize your logo to match that of the agov logo that is part of agov.

The longer-term fix is to change the CSS so it has nothing to do with logo size :-\

Feel free to post a patch if you have a fix.

Kim

Comment #3

gregmcf CreditAttribution: gregmcf commented 15 August 2013 at 06:31

Thanks Kim. I resized logo to 212x70 (same as aGov) and it fixed the problem. I'll have a go at changing the CSS. Which file should I start looking in?

Comment #4

xtfer CreditAttribution: xtfer commented 16 August 2013 at 00:48

Just to confirm, the padding around the logo is not optimal, so the size of the logo is important to get the layout correct. This is a known issue, but with a fairly easy work-around, as Kim has outlined.