From 48ebca6236f74d1ccca98e4fd539632fa7f3180d Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Mon, 29 Oct 2018 13:12:01 +0000
Subject: [PATCH 1/2] Fix the size of the logo in the survey modal so it
 doesn't cause a visual jump when it loads.

---
 src/styles/_modal.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index deada7f..7d03400 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -253,6 +253,7 @@
 .maputnik-modal-survey__logo {
   display: block;
   margin: 0 auto;
+  height: 128px;
 }
 
 .maputnik-modal-survey__description {

From 5de5281b491b859b82453c50c2640980109dd270 Mon Sep 17 00:00:00 2001
From: orangemug <info@orangemug.co.uk>
Date: Thu, 1 Nov 2018 18:26:21 +0000
Subject: [PATCH 2/2] Prevent title resize.

---
 src/styles/_base.scss  | 2 ++
 src/styles/_modal.scss | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/styles/_base.scss b/src/styles/_base.scss
index e35f661..9e860f7 100644
--- a/src/styles/_base.scss
+++ b/src/styles/_base.scss
@@ -3,6 +3,7 @@
   src: url('../fonts/Roboto-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
@@ -10,6 +11,7 @@
   src: url('../fonts/Roboto-Medium.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
+  font-display: swap;
 }
 
 html {
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 7d03400..d4f11f1 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -247,7 +247,7 @@
 }
 
 .maputnik-modal-survey {
-  width: 372px;
+  width: 400px;
 }
 
 .maputnik-modal-survey__logo {