/* Mobile tweaks */ @media (max-width: 520px) { .panel-welcome{ width: calc(100vw - 24px); } .panel-app{ width: calc(100vw - 24px); left: 12px; right: 12px; } button, input { padding: 14px; font-size: 16px; } /* prevents iOS zoom on inputs */ } /* iPhone safe areas */ #panel{ padding-bottom: calc(16px + env(safe-area-inset-bottom)); padding-top: calc(16px + env(safe-area-inset-top)); } :root { --vh: 1vh; } #map { height: calc(var(--vh) * 100); }