From 29318005b22a747ea56faa4a8e1775a7b52e14ba Mon Sep 17 00:00:00 2001
From: Dallas Hoffman <dallashoff@gmail.com>
Date: Tue, 24 Dec 2024 14:42:28 -0500
Subject: [PATCH] Mobile style fixes

---
 internal/glance/static/main.css     | 9 ++++++++-
 internal/glance/templates/page.html | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/internal/glance/static/main.css b/internal/glance/static/main.css
index 770eefb..9ae27ff 100644
--- a/internal/glance/static/main.css
+++ b/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; }
diff --git a/internal/glance/templates/page.html b/internal/glance/templates/page.html
index 2a0c776..ebf384f 100644
--- a/internal/glance/templates/page.html
+++ b/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">