diff --git a/assets/css/src/components/_importExport.scss b/assets/css/src/components/_importExport.scss
index 56bd5208be..b2b0738b00 100644
--- a/assets/css/src/components/_importExport.scss
+++ b/assets/css/src/components/_importExport.scss
@@ -99,6 +99,51 @@ tr {
}
}
+.mailpoet_data_manipulation_step {
+ align-items: flex-start;
+ display: flex;
+ flex-direction: column;
+
+ > * {
+ margin: 10px 0;
+ }
+
+ .mailpoet_label_description {
+ padding: 20px 10px 20px 0;
+ width: 310px;
+ }
+
+ .mailpoet_import_select_segment {
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+
+ label {
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+ }
+
+ .mailpoet_create_segment {
+ margin-left: 15px;
+ }
+ }
+
+ .mailpoet_update_existing_subscribers {
+ align-items: center;
+ display: flex;
+ flex-direction: row;
+
+ label {
+ margin-right: 4px;
+ }
+
+ .mailpoet_label_description {
+ font-weight: 400;
+ }
+ }
+}
+
.mailpoet_subscribers_data_parse_results_details_show,
.mailpoet_create_segment {
cursor: pointer;
diff --git a/assets/js/src/subscribers/importExport/import/step_data_manipulation.jsx b/assets/js/src/subscribers/importExport/import/step_data_manipulation.jsx
index 25f398e842..d0f7a4967e 100644
--- a/assets/js/src/subscribers/importExport/import/step_data_manipulation.jsx
+++ b/assets/js/src/subscribers/importExport/import/step_data_manipulation.jsx
@@ -40,22 +40,20 @@ function StepDataManipulation({
return null;
}
return (
- <>
+
-
-
-
-
-
+
+
+
0}
onPreviousAction={() => (
@@ -63,7 +61,7 @@ function StepDataManipulation({
)}
onNextAction={() => history.push('todo')}
/>
- >
+
);
}
diff --git a/assets/js/src/subscribers/importExport/import/step_data_manipulation/select_segment.jsx b/assets/js/src/subscribers/importExport/import/step_data_manipulation/select_segment.jsx
index dc4cee9fe4..37e272fc24 100644
--- a/assets/js/src/subscribers/importExport/import/step_data_manipulation/select_segment.jsx
+++ b/assets/js/src/subscribers/importExport/import/step_data_manipulation/select_segment.jsx
@@ -24,12 +24,14 @@ function SelectSegment({ setSelectedSegments }) {
};
return (
- <>
+
);
}
diff --git a/assets/js/src/subscribers/importExport/import/step_data_manipulation/update_existing_subscribers.jsx b/assets/js/src/subscribers/importExport/import/step_data_manipulation/update_existing_subscribers.jsx
index 8e56c6dfbf..47b806d058 100644
--- a/assets/js/src/subscribers/importExport/import/step_data_manipulation/update_existing_subscribers.jsx
+++ b/assets/js/src/subscribers/importExport/import/step_data_manipulation/update_existing_subscribers.jsx
@@ -4,8 +4,8 @@ import PropTypes from 'prop-types';
function UpdateExistingSubscribers({ updateExistingSubscribers, setUpdateExistingSubscribers }) {
return (
- <>
- {MailPoet.I18n.t('updateExistingSubscribers')}
+
+
{MailPoet.I18n.t('updateExistingSubscribers')}
- >
+
);
}