Fix outstanding issues from #343 Basemap switcher

[dawnbcgov]

Description:

Noticed some outstanding issues after #343 was merged, tracking those here:

• Update outline styling to match wireframes
• Map selector on mobile (Dawn to include screenshots below)
• Icon for map selector selector do not match map for 'Streets'
• Map for 'Terrain' updated to Google tiles for Terrain
• Map selector does not follow zooming icons when using the 'Show Results Pane'

Definition of Ready:

• Wireframes are included
• Design / Solution is accepted by Product Owner

[dawnbcgov]

Unexpected behaviour on mobile -- the "selected" state doesn't always seem to match what's happening? And on touch seems a bit unreliable: one touch and it opens, other times it takes repeated touches and the opening seems to lag, only fixed by a hard refresh (hard to screenshot that but if needed I could make a video I think)

tested on:
iOS 18.1.1
Safari

[kdbelair]

Outlined icons in wireframes that we are looking to replicate:

[popkinj]

Unexpected behaviour on mobile -- the "selected" state doesn't always seem to match what's happening? And on touch seems a bit unreliable: one touch and it opens, other times it takes repeated touches and the opening seems to lag, only fixed by a hard refresh (hard to screenshot that but if needed I could make a video I think)

tested on: iOS 18.1.1 Safari

Thanks for testing and documenting. :)

[popkinj]

Think I've got this sorted now. I had to more deeply integrate the basemap buttons with the existing leaflet controls.