From dbb50e59233d1bf7c78093e78432b7b42f181b0d Mon Sep 17 00:00:00 2001
From: Pranav Raj S <pranav@chatwoot.com>
Date: Thu, 3 Feb 2022 10:11:02 +0530
Subject: [PATCH] fix: Update font-size/width to fix iOS input zoom (#3894)

---
 app/javascript/widget/assets/scss/_forms.scss            | 4 ++--
 app/javascript/widget/components/ChatInputWrap.vue       | 3 ++-
 app/javascript/widget/components/template/EmailInput.vue | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/javascript/widget/assets/scss/_forms.scss b/app/javascript/widget/assets/scss/_forms.scss
index 6ea4666aa..05d3fd26d 100755
--- a/app/javascript/widget/assets/scss/_forms.scss
+++ b/app/javascript/widget/assets/scss/_forms.scss
@@ -15,9 +15,9 @@ $input-height: $space-two * 2;
   color: $color-body;
   display: block;
   font-family: $font-family;
-  font-size: $font-size-default;
+  font-size: $font-size-medium;
   height: $input-height;
-  line-height: 1.3;
+  line-height: 1.5;
   max-width: 100%;
   outline: none;
   padding: $space-smaller;
diff --git a/app/javascript/widget/components/ChatInputWrap.vue b/app/javascript/widget/components/ChatInputWrap.vue
index e9f00773e..741eb67b2 100755
--- a/app/javascript/widget/components/ChatInputWrap.vue
+++ b/app/javascript/widget/components/ChatInputWrap.vue
@@ -196,7 +196,8 @@ export default {
   max-height: 2.4 * $space-mega;
   resize: none;
   padding: 0;
-  padding-top: $space-small;
+  padding-top: $space-smaller;
+  padding-bottom: $space-smaller;
   margin-top: $space-small;
   margin-bottom: $space-small;
 }
diff --git a/app/javascript/widget/components/template/EmailInput.vue b/app/javascript/widget/components/template/EmailInput.vue
index d133ccda3..096870b73 100644
--- a/app/javascript/widget/components/template/EmailInput.vue
+++ b/app/javascript/widget/components/template/EmailInput.vue
@@ -103,7 +103,7 @@ export default {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
     padding: $space-one;
-    width: auto;
+    width: 100%;
 
     &.error {
       border-color: $color-error;