From 88fd6e731408e51bf301ea7d28a7c7e63bcfae74 Mon Sep 17 00:00:00 2001
From: Unrud <unrud@outlook.com>
Date: Wed, 31 Jan 2024 09:33:11 +0100
Subject: [PATCH] Workaround for virtual keyboard covering buttons for Safari
 on iOS

---
 webdata/main.css | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/webdata/main.css b/webdata/main.css
index 9e65a7c..6b9907f 100644
--- a/webdata/main.css
+++ b/webdata/main.css
@@ -197,7 +197,18 @@ textarea:focus {
     border-bottom: none;
 }
 
-@media (max-aspect-ratio: 4/3) {
+/* Only Safari for iOS */
+@supports (-webkit-touch-callout: none) {
+    /* Virtual keyboard can overlay content */
+    #text-input .buttons > button:last-child {
+        display: flex;
+        padding-top: 0.2em;
+        justify-content: center;
+    }
+}
+
+/* Portrait orientation (not for Safari on iOS) */
+@supports not (-webkit-touch-callout: none) { @media (max-aspect-ratio: 4/3) {
     #text-input {
         flex-direction: column;
     }
@@ -214,4 +225,4 @@ textarea:focus {
     #text-input .buttons > button:first-child {
         border-left: none;
     }
-}
+} }