diff --git a/assets/css/src/components-form-editor/_preview.scss b/assets/css/src/components-form-editor/_preview.scss index 27f9221fab..ed465df9e7 100644 --- a/assets/css/src/components-form-editor/_preview.scss +++ b/assets/css/src/components-form-editor/_preview.scss @@ -14,13 +14,6 @@ min-height: 100%; min-width: 100%; - .mailpoet_form_preview_type_select { - position: absolute; - top: 20px; - left: 40px; - z-index: 11; - } - .mailpoet-modal-header { height: 20px; margin-bottom: 0; @@ -41,6 +34,7 @@ height: 100%; display: flex; flex-direction: column; + width: 100%; .mailpoet_spinner_wrapper { left: 0; @@ -75,3 +69,14 @@ right: 0; width: 380px; } + +.mailpoet_preview_content_wrapper { + height: 100%; + display: flex; + flex-direction: row; + + .mailpoet_preview_sidebar { + padding: 10px 10px 10px 0; + width: 300px; + } +} diff --git a/assets/js/src/form_editor/components/preview.tsx b/assets/js/src/form_editor/components/preview.tsx index 6b45c1bb62..4487db42fb 100644 --- a/assets/js/src/form_editor/components/preview.tsx +++ b/assets/js/src/form_editor/components/preview.tsx @@ -69,8 +69,8 @@ const FormPreview = () => { )} {isPreviewReady && ( - <> -
Todo width and placement settings.