From 91bce97ab44b40a6d386711fccf67105f34681f3 Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Mon, 10 Feb 2020 14:09:47 +0100
Subject: [PATCH] Make modal spinner centered

[MAILPOET-2602]
---
 .../css/src/components/formEditor/components/_preview.scss | 7 +++++++
 assets/css/src/formEditor.scss                             | 1 +
 assets/js/src/form_editor/components/preview.jsx           | 4 +++-
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 assets/css/src/components/formEditor/components/_preview.scss

diff --git a/assets/css/src/components/formEditor/components/_preview.scss b/assets/css/src/components/formEditor/components/_preview.scss
new file mode 100644
index 0000000000..a72c36c619
--- /dev/null
+++ b/assets/css/src/components/formEditor/components/_preview.scss
@@ -0,0 +1,7 @@
+.mailpoet_spinner_wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+}
diff --git a/assets/css/src/formEditor.scss b/assets/css/src/formEditor.scss
index a3c78f3e5c..8cbd61befd 100644
--- a/assets/css/src/formEditor.scss
+++ b/assets/css/src/formEditor.scss
@@ -9,5 +9,6 @@
 @import '../../../node_modules/codemirror/theme/neo';
 @import './components/formEditor/components/form_title';
 @import './components/formEditor/components/sidebar';
+@import './components/formEditor/components/preview';
 @import './components/formEditor/components/block_editor';
 @import './components/formEditor/components/custom_field';
diff --git a/assets/js/src/form_editor/components/preview.jsx b/assets/js/src/form_editor/components/preview.jsx
index 794777c7d1..53637648a3 100644
--- a/assets/js/src/form_editor/components/preview.jsx
+++ b/assets/js/src/form_editor/components/preview.jsx
@@ -58,7 +58,9 @@ const FormPreview = () => {
     >
       <Preview>
         {form === null && (
-          <Spinner />
+          <div className="mailpoet_spinner_wrapper">
+            <Spinner />
+          </div>
         )}
         {form !== null && (
           <div>