From 8d6330f6fd0a6fedc2d0263801f22c20007f0461 Mon Sep 17 00:00:00 2001
From: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Date: Tue, 29 Mar 2022 10:38:24 +0200
Subject: [PATCH] =?UTF-8?q?fix(engine):=20=F0=9F=90=9B=20Attempt=20to=20fi?=
 =?UTF-8?q?x=20auto=20zoom=20on=20Android?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/bot-engine/src/assets/phone.css             |  1 +
 .../ChatBlock/ChatStep/inputs/DateForm.tsx           | 12 ++++++++++--
 .../ChatStep/inputs/TextForm/TextInputContent.tsx    |  2 ++
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/bot-engine/src/assets/phone.css b/packages/bot-engine/src/assets/phone.css
index cf388cf15..017db23bb 100644
--- a/packages/bot-engine/src/assets/phone.css
+++ b/packages/bot-engine/src/assets/phone.css
@@ -4,6 +4,7 @@
   background: transparent;
   flex: 1 1 0%;
   width: 100%;
+  font-size: 16px;
 }
 
 .PhoneInputCountry {
diff --git a/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx b/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx
index e0dfd8caa..839a3d479 100644
--- a/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx
+++ b/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/DateForm.tsx
@@ -35,7 +35,11 @@ export const DateForm = ({
               )}
               <input
                 className="focus:outline-none flex-1 w-full text-input"
-                style={{ minHeight: '2rem', minWidth: '100px' }}
+                style={{
+                  minHeight: '2rem',
+                  minWidth: '100px',
+                  fontSize: '16px',
+                }}
                 type={hasTime ? 'datetime-local' : 'date'}
                 onChange={(e) =>
                   setInputValues({ ...inputValues, from: e.target.value })
@@ -50,7 +54,11 @@ export const DateForm = ({
                 )}
                 <input
                   className="focus:outline-none flex-1 w-full text-input ml-2"
-                  style={{ minHeight: '2rem', minWidth: '100px' }}
+                  style={{
+                    minHeight: '2rem',
+                    minWidth: '100px',
+                    fontSize: '16px',
+                  }}
                   type={hasTime ? 'datetime-local' : 'date'}
                   onChange={(e) =>
                     setInputValues({ ...inputValues, to: e.target.value })
diff --git a/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx b/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx
index 9f2affbdd..1465c7622 100644
--- a/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx
+++ b/packages/bot-engine/src/components/ChatBlock/ChatStep/inputs/TextForm/TextInputContent.tsx
@@ -132,6 +132,7 @@ const ShortTextInput = React.forwardRef(
       className="focus:outline-none bg-transparent px-4 py-4 flex-1 w-full text-input"
       type="text"
       required
+      style={{ fontSize: '16px' }}
       {...props}
     />
   )
@@ -152,6 +153,7 @@ const LongTextInput = React.forwardRef(
       rows={4}
       data-testid="textarea"
       required
+      style={{ fontSize: '16px' }}
       {...props}
     />
   )