Map needs major polish on mobile devices

Summary

With the latest internal beta release the map module does not look and feel ready to ship

Steps to reproduce

Use map module in latest closed iOS beta version (Build 13) on a smartphone sized device.

What is the current bugs behaviors?

Lots

Recordings

1) Fist location permission is not recognized (permission granted, dialog not visible in screen recording)

permissions

2) Modal view breaks status bar coloring

modal-color-reset

3) Context menu unwantedly slides in from the right edge

context-slide

4) Complete map view scrollable vertically

vertical-scroll

5) & 6) & 8) Close button has awkward/ non matching design and is useless on smartphone size screens & Animations don't match view content (bottom cards and buttons)

button-card-animations

Needed changes

Refactor and fix:

• 1) Fix handling of first location permission request
• 2) Fix modal view to reset status bar color and text color properly OR use ionic new bottom-sheet modal
  • Looks like this is an issue with ionic-framework implementation
• 3) Disable context menu scroll in from the right side for map module only
• 4) Disable scrolling vertically above the map view
• 5) Redesign "close button" for web/pad devices and remove it on mobile devices entirely.
• 6) Refactor animations of lower buttons and cards to actually make sense
• 7) Refactor "show as list" functionality to really filter on items visible in the map views visible "geofence" #205 (closed)
• 8) POI marker not retina ready and not matching current icon set