Moved the search bar to a fixed location beneath the site legend. Moved the "clear search" button to the left to make it more intuitive. Updated the styling of the search bar and "clear search" button to be more consistent with the style of the surrounding elements.
Why
The search bar used to be hidden by default on mobile devices with no clear indication of how to access it, and on all devices, the search bar would scroll out of view if navigating through the side-pane.
Ensure the following interactions work as expected. Please test using a mobile form factor.
[x] Tapping on a marker on the map displays information about the marker in a popup.
[x] Tapping the "Show list of locations" button replaces the map view with a list view.
[x] Tapping an item in the list replaces the list view with a map view, and navigates the map to the tapped item on the map.
[x] Tapping one of the ✅'s in the legend filters items on the map and in the list.
[x] Changing the language to spanish changes things on the page.
[x] Clicking the Help/Info button opens and closes a menu with information.
[x] Clicking the X Close button on the Help/Info screen closes the modal.
What
Moved the search bar to a fixed location beneath the site legend. Moved the "clear search" button to the left to make it more intuitive. Updated the styling of the search bar and "clear search" button to be more consistent with the style of the surrounding elements.
Why
The search bar used to be hidden by default on mobile devices with no clear indication of how to access it, and on all devices, the search bar would scroll out of view if navigating through the side-pane.
Ensure the following interactions work as expected. Please test using a mobile form factor.
Check the app in the following web browsers: