From 84b5ee7782181bcff64d2eb6a9942237232103a7 Mon Sep 17 00:00:00 2001
From: Kit La Touche <kit@transneptune.net>
Date: Sun, 19 Jan 2025 13:18:20 -0500
Subject: Make small tweaks for mobile devices

---
 ui/styles/forms.css    | 1 +
 ui/styles/textarea.css | 9 +++++++++
 2 files changed, 10 insertions(+)

(limited to 'ui/styles')

diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 1d6421b..8dab308 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -14,6 +14,7 @@ label input {
 
 form.form > button {
   background-color: var(--colour-input-bg);
+  color: var(--colour-input-text);
   padding: 0.25rem;
   border-radius: 0.25rem;
   border: 1px solid var(--colour-input-border);
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index 057fb8a..edf8ced 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -34,3 +34,12 @@ main {
   justify-content: flex-start;
   align-items: stretch;
 }
+
+/* Workaround for iOS zooming in on the textarea when it gets focus. */
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+  select,
+  textarea,
+  input {
+    font-size: 16px;
+  }
+}
-- 
cgit v1.2.3