Update how users see a change in return results (search filter)

[jon-kirwan]

What

• Display No. of results label on mobile (remove media query) and displayed above the 'filter' button
• On filter overlay (mobile) display No. of results label below the 'Filter' h1
• On filter overlay (mobile) remove the number of results text from the submit button so the button text now just reads 'Show search results'

Why

• Small improvement to GOV.UK Search
• Especially after making the Search button on the filter screen (in mobile) no longer sticky.
• Also, addresses an issue, though not a WCAG fail, with information changing on the page automatically after a user interaction.
• More info about this can be found in the following ticket: https://trello.com/c/1c8oQKhJ

Visuals

Before (all_content_finder)	After (all_content_finder)

Before (!all_content_finder)	After (!all_content_finder)

How to test

• https://www.gov.uk/search/all (all_content_finder)
• https://www.gov.uk/search/services (!all_content_finder)

Anything else

• In the 'filter' overlay view I have marked up the no. of results (e.g. 520,927 results or 7,615 services), which is displayed below the main 'Filter' title (h1) with a h2 since this is how no. of results is formatted on larger screens.
• I've also moved the skip link component to sit below the newly repositioned 'filter' button (so the tab order is the same as it currently is).

[nnagewad]

Looks great!

[chris-gds]

This is a button but looks like a link, I'm going to raised as an issue on this one was it's linked into WCAG 1.3.1 however I'm aware there is not a Design for this type of change and is a bigger iteration.

[chris-gds]

Pre-approving, these small improvements look good / work well

[jon-kirwan]

@maxgds - could you please click merge (if all looks okay)?