From 64b20cf070cf1c9f8806cd1dcea6659e0917489b Mon Sep 17 00:00:00 2001
From: Matthew Heller <hellergood@gmail.com>
Date: Wed, 2 Nov 2022 14:34:57 -0500
Subject: [PATCH] Use 16px font size to prevent auto zoom on iOS Safari.
 Shorten the 'type here' message so it doesn't wrap to a second line when the
 chat pane becomes a column on the right side of larger screens. Re #2276.
 (#2294)

---
 web/components/chat/ChatTextField/ChatTextField.module.scss | 2 +-
 web/components/chat/ChatTextField/ChatTextField.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/chat/ChatTextField/ChatTextField.module.scss b/web/components/chat/ChatTextField/ChatTextField.module.scss
index c211c7e34..623b884c4 100644
--- a/web/components/chat/ChatTextField/ChatTextField.module.scss
+++ b/web/components/chat/ChatTextField/ChatTextField.module.scss
@@ -33,7 +33,7 @@
   }
 
   div[role='textbox'] {
-    font-size: 0.9rem;
+    font-size: 16px;
     padding: 0.3rem;
     background-color: inherit;
     border-color: var(--theme-color-components-form-field-border);
diff --git a/web/components/chat/ChatTextField/ChatTextField.tsx b/web/components/chat/ChatTextField/ChatTextField.tsx
index ac4bd0c33..d90b2e56d 100644
--- a/web/components/chat/ChatTextField/ChatTextField.tsx
+++ b/web/components/chat/ChatTextField/ChatTextField.tsx
@@ -253,7 +253,7 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText }) => {
             onKeyDown={onKeyDown}
             onPaste={onPaste}
             renderElement={renderElement}
-            placeholder="Chat message goes here..."
+            placeholder="Send a message to chat"
             style={{ width: '100%' }}
             autoFocus
           />