in mobile view, reduce toolbar white space

[emillipede]

as a: mobile user

when I: view the map

I want to: see the map and not have the top toolbar overlap with the map.

on some displays, the buttons and address bar stick out below the toolbar.

on some displays, when the mini/preview window is closed, the toolbar becomes unnecessarily tall and occupies a lot of vertical space. it seems like the newer the device, the worse the problem.

might be addressed by defining the map size (to fix/define the toolbar height)?

zeplin:

current website (on small iphone SE):

• buttons bleed a little onto the map:
• toolbar becomes taller than necessary:

[emillipede]

hey @mrtmrt233 I took another look, and the white space issues on mobile continue (but have changed a little bit). now a white panel appears at the bottom of the window, and it seems like it can force the top of the page off of the screen.

from iphone se:

testing as iphone X:

[emillipede]

When I tested last night, it looked ok. The white space issue’s still not quite resolved (seems to inconsistently show up - not all of the time) . The saga continues @mrtmrt233 but maybe it’s OK to leave as is for now

Thank you for spending so much time on CSS, I know it’s not your favorite

[mrtmrt233]

Not sure what's happening, and I don't have a small device to test on...