Focus style: Switch View links

[afercia]

Splitting this out from #29897. See screenshot before and after patch.

[afercia]

In the proposed patch:

• Fix the focus style for the Switch View links in the Posts listings and Media Library.

[ocean90]

I think we should remove the 5px left margin from .view-switch > a + a to put both links a bit together again.

[afercia]

Replying to ocean90:

I think we should remove the 5px left margin from .view-switch > a + a to put both links a bit together again.

Yup, I'm also wondering if the child selector > is really needed in all the other rules, I don't see any reason for that. The previous patch missed the color change on focus, tried to simplify selectors and clean up a bit and all appears to work fine. Also, the clickable area should probably be a bit bigger on smaller screens, see screenshot below:

[afercia]

In the refreshed patch:

• Fix the focus style for the Switch View links in the Posts listings and Media Library, remove margin between links, simplify CSS selectors and make the clickable area bigger on smaller screens.

[ocean90]

In 32485:

Improve focus styles for the Switch View links in Posts listings and Media Library.

props afercia.
fixes #32294.