Search bar breaks layout and hides text on viewports 768-858px

[SteveDesmond-ca]

Steps to reproduce:

• browse to https://www.php.net/downloads with a viewport width between 768 and 858px

Observed result:

• search bar is bumped down to a second row in the header bar
• top row of text in the sidebar is hidden
  
  (note that this is scrolled up all the way on the page)

Expected result:

• search bar scales horizontally to fit on a single header row

[heffernan111]

Recommend adding, padding-top: 2.5rem; when @media (min-width: 768px) to #layout-content and .tips

Mock up below.

I would do a PR but I can not figure out how to compile css changes