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 ( - <> +
- +
); }