Mobile style fixes

internal/glance/static/main.css

@@ -1701,6 +1701,11 @@ details[open] .summary::after {
     .weather-column-rain::before {
         background-size: 7px 7px;
     }
+
+    .search-input {
+        /* so that iOS Safari does not zoom the page when the input is focused */
+        font-size: 16px;
+    }
 }
 
 @media (max-width: 1190px) and (display-mode: standalone) {
@@ -1717,7 +1722,8 @@ details[open] .summary::after {
         padding-bottom: var(--safe-area-inset-bottom);
     }
 
-    .mobile-navigation-icons {
+    .mobile-navigation-icons,
+    .content-bounds {
         padding-bottom: var(--safe-area-inset-bottom);
         transition: padding-bottom .3s;
     }
@@ -1799,6 +1805,7 @@ details[open] .summary::after {
 .min-width-0        { min-width: 0; }
 .max-width-100      { max-width: 100%; }
 .height-100         { height: 100%; }
+.height-100dvh      { height: 100dvh; }
 .block              { display: block; }
 .inline-block       { display: inline-block; }
 .overflow-hidden    { overflow: hidden; }

internal/glance/templates/page.html

@@ -30,7 +30,7 @@
 {{ end }}
 
 {{ define "document-body" }}
-<div class="flex flex-column height-100">
+<div class="flex flex-column height-100dvh">
     {{ if not .Page.HideDesktopNavigation }}
     <div class="header-container content-bounds">
         <div class="header flex padding-inline-widget widget-content-frame">