diff --git a/assets/css/src/components/_postEditorBlock.scss b/assets/css/src/components/_postEditorBlock.scss index 23c02d3e5e..3194d52407 100644 --- a/assets/css/src/components/_postEditorBlock.scss +++ b/assets/css/src/components/_postEditorBlock.scss @@ -1,6 +1,8 @@ .mailpoet-block-div { - background: #cfc; - border: 2px solid #9c9; - color: green; padding: 20px; } + +.mailpoet-block-create-new-content { + display: flex; + flex-direction: column; +} diff --git a/assets/js/src/post_editor_block/edit.jsx b/assets/js/src/post_editor_block/edit.jsx index ad42a6a619..b4e7f93b2c 100644 --- a/assets/js/src/post_editor_block/edit.jsx +++ b/assets/js/src/post_editor_block/edit.jsx @@ -19,6 +19,7 @@ function Edit({ attributes, setAttributes }) { selectedForm: parseInt(event.target.value, 10), }); }} + className="mailpoet-block-create-forms-list" defaultValue={attributes.selectedForm} > @@ -45,11 +46,20 @@ function Edit({ attributes, setAttributes }) { { attributes.selectedForm === null && ( } label="MailPoet Subscription Form" > - {displayFormsSelect()} +
+ + Create a new form + + {displayFormsSelect()} +
) }