From 1195c09f5c8e9bd350b48bec96cc6c50b40773e0 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 19:11:52 +0530
Subject: [PATCH 1/3] Increase width for country code dropdown

---
 res/css/views/elements/_Field.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index cf5bc7ab41..fc529b140b 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -191,5 +191,5 @@ limitations under the License.
 }
 
 .mx_Field .mx_CountryDropdown {
-    width: 67px;
+    width: 78px;
 }

From 0ddfd9ee8c47506d8f29630bc10a42bc5d819692 Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 20:15:28 +0530
Subject: [PATCH 2/3] Use rem to guard against font scaling breakages

---
 res/css/_font-sizes.scss           | 1 +
 res/css/views/elements/_Field.scss | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/res/css/_font-sizes.scss b/res/css/_font-sizes.scss
index 5b876ab11d..caa3a452b0 100644
--- a/res/css/_font-sizes.scss
+++ b/res/css/_font-sizes.scss
@@ -68,5 +68,6 @@ $font-49px: 4.9rem;
 $font-50px: 5.0rem;
 $font-51px: 5.1rem;
 $font-52px: 5.2rem;
+$font-78px: 7.8rem;
 $font-88px: 8.8rem;
 $font-400px: 40rem;
diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index fc529b140b..7a6539748b 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -16,6 +16,8 @@ limitations under the License.
 
 /* TODO: Consider unifying with general input styles in _light.scss */
 
+@import "../../_font-sizes.scss";
+
 .mx_Field {
     display: flex;
     flex: 1;
@@ -191,5 +193,5 @@ limitations under the License.
 }
 
 .mx_Field .mx_CountryDropdown {
-    width: 78px;
+    width: $font-78px;
 }

From 82537562768f492550584e46dc2e9b1a858adc2f Mon Sep 17 00:00:00 2001
From: Swapnil Raj <raj.swapnil99@gmail.com>
Date: Thu, 16 Jul 2020 20:28:19 +0530
Subject: [PATCH 3/3] Remove unnecessary import

---
 res/css/views/elements/_Field.scss | 2 --
 1 file changed, 2 deletions(-)

diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index 7a6539748b..f67da6477b 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -16,8 +16,6 @@ limitations under the License.
 
 /* TODO: Consider unifying with general input styles in _light.scss */
 
-@import "../../_font-sizes.scss";
-
 .mx_Field {
     display: flex;
     flex: 1;