Mobile Map - Add Fullscreen Overlay button

[Pujapuppy]

1. Add HTML for “Tap to Enter”- This button displays on the non-fullscreen version of mobile. The html for the “Tap to Enter” button is the div  with the class mapboxgl-ctrl-fullscreen-btn  and its contents.
2. On click of “Tap to Enter” button - map changes to fullscreen mode.
3. Add class for fullscreen mode vs non-fullscreen mode: A class is needed to display (or not display) elements for the fullscreen vs. not fullscreen. The classes no-fullscreen (and after user taps button the class fullscreen) need to be added to the div with the class mapboxgl-control-container.

(HTML is in attached doc)

Design Link: http://baaqmddesign.azurewebsites.net/Drawing_Tool/MobileMaps/MapMobile.html

MobileMapTapToEnter.docx

[robgaston]

@Pujapuppy we've added this control (and the css classes mentioned to display/hide it based on fullscreen state), however the text renders slightly differently than in your mockup, so I think that the stylesheets for that need some attention -- could you please take a look? thanks!

[Pujapuppy]

@robgaston I updated the styles for the help popup and the "Tap to Expand". Both styles.scss and mobile.scss are updated here: https://drive.google.com/drive/folders/1v7w5JXgdnD4ilb9OWvXFP1u2ce3xLEzK?usp=sharing.