From d67f7364a32cf9b0b77210d7d1368bdda9edcceb Mon Sep 17 00:00:00 2001
From: Rostislav Wolny <rosta@mailpoet.com>
Date: Wed, 15 Apr 2020 17:52:06 +0200
Subject: [PATCH] Adjust CSS of preview modal to cover full screen

[MAILPOET-2743]
---
 .../src/components-form-editor/_preview.scss  | 41 +++++++++++++++++++
 .../js/src/form_editor/components/preview.jsx |  1 +
 2 files changed, 42 insertions(+)

diff --git a/assets/css/src/components-form-editor/_preview.scss b/assets/css/src/components-form-editor/_preview.scss
index 699b8618ff..8b2636a082 100644
--- a/assets/css/src/components-form-editor/_preview.scss
+++ b/assets/css/src/components-form-editor/_preview.scss
@@ -1,6 +1,47 @@
 .mailpoet_spinner_wrapper {
   align-items: center;
+  background: #ffffff;
   display: flex;
   flex-direction: column;
+  height: 100%;
   justify-content: center;
+  width: 100%;
+}
+
+.mailpoet_form_preview_modal {
+  border-radius: 0;
+  margin: 0;
+  min-height: 100%;
+  min-width: 100%;
+  .mailpoet-modal-header {
+    height: 26px;
+    margin-bottom: 0;
+
+    .mailpoet-modal-close {
+      top: 10px;
+    }
+  }
+
+  .mailpoet-modal-content {
+    align-items: stretch;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+  }
+
+  .mailpoet_browser_preview {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .mailpoet_browser_preview_container {
+    height: 100%;
+  }
+
+  .mailpoet_form_preview_iframe {
+    height: 100%;
+    max-height: 100%;
+    width: 100%;
+  }
 }
diff --git a/assets/js/src/form_editor/components/preview.jsx b/assets/js/src/form_editor/components/preview.jsx
index 0b05644dd4..09dd1c4a51 100644
--- a/assets/js/src/form_editor/components/preview.jsx
+++ b/assets/js/src/form_editor/components/preview.jsx
@@ -79,6 +79,7 @@ const FormPreview = () => {
       title={MailPoet.I18n.t('formPreview')}
       onRequestClose={onClose}
       fullScreen
+      contentClassName="mailpoet_form_preview_modal"
     >
       {form === null && (
         <div className="mailpoet_spinner_wrapper">