[PR] Mobile Friendly Restyle

[solderq35]

Issue for Context

#242

====
ORIGINAL COMMENT - References an approach I later abandoned, ignore

• Seems to be responsive and form a hamburger
• new linter and prettier scripts for auto format

next steps

• actually reduce max width of screen on mobile, so that responsive navbar will be used
• maybe hide left building filter menu by default on mobile?

http://energy-dashboard.s3-website-us-west-2.amazonaws.com/

Credit / Reference
https://nikakharebava.medium.com/responsive-navbar-menu-vuejs-da330526080e

[solderq35]

may scale back the scope of this

• keep viewport 1028px (or whatever) for mobile, too much work to rescale everything at present?
• prioritize just making navbar responsive for resizing on desktop browser I guess
• margin issue on all buildings page
• look into options for mobile UI just for map page?
• look into hiding left navbar for map on mobile

[solderq35]

may be better practice to separate linting and navbar fixes

make new PR with just linter / prettier update > now the navbar PR will be merged into updated formatted main branch

[solderq35]

look into css rules for first time? popup on mobile

• consider just zooming out on graph, user will have to zoom out on mobile anyways

[solderq35]

Progress