There are currently three refinements needing to be made to the search box in the site header:
1. Reduce max-width
Currently the max-width seems to be set at 36.25em (580px) .
We should reduce it to 28.25em (around 450px).
2. Adjust margin-left
Currently margin-left on #searchform is set to auto which pulls the search box into the center of the screen.
Instead it should be anchored to the right of the logo. So we need to 1) remove margin: auto from #searchform, and 2) increase margin-left on #p-search from 2.5em to 3.5em.
3. Shift search box to be aligned-right once user tools drop below
At a screen width of 1014px the user tools drop below the search bar. At this point it should shift to the right edge of the container.
(it appears a patch for this has already been pushed up)
From my investigations so far, this has a few complications
- The search has a max-width - when this is altered to be width: 100% the input is larger than the max-width but we get the desired effect
- It would mean managing a larger gap between search and logo at low resolutions - is it worth it while the personal tools implementation is prone to change in future?
- It is not helped by the move away from absolutely positioned layout.