From aed194fcedbc985d521ba83a88dc5b71d005539a Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Sun, 25 Feb 2018 21:12:22 -0800
Subject: [PATCH] fix safari issue on ios

---
 routes/_components/compose/LiteComposeBox.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/routes/_components/compose/LiteComposeBox.html b/routes/_components/compose/LiteComposeBox.html
index c6e9339..cb038fc 100644
--- a/routes/_components/compose/LiteComposeBox.html
+++ b/routes/_components/compose/LiteComposeBox.html
@@ -79,7 +79,6 @@
   }
 
   :global(.compose-profile-input) {
-    font-size: 1.1em;
     grid-area: input;
     margin-left: 5px;
     padding: 5px;
@@ -88,6 +87,11 @@
     margin-top: 10px;
     resize: none;
     overflow: hidden;
+    /* Text must be at least 16px or else iOS Safari zooms in */
+    font-size: 1.2em;
+    /* Hack to make Edge stretch the element all the way to the right.
+     * Also desktop Safari makes the gauge stretch too far to the right without it.
+     */
     width: calc(100% - 5px);
   }