CSS: Fix the gradient of the header bar on mobile devices

Previously, when the width was small enough, the gradient would
collapse into a bi-coloured white/brown area with a hard transition.

The new gradient looks nicer while being close to the old look for
medium-sized viewports.