Align form actions to the left, unless on send email page

[MAILPOET-3073]
This commit is contained in:
Ján Mikláš
2020-10-22 13:55:55 +02:00
committed by Veljko V
parent 359e69046f
commit fe8959de09
2 changed files with 9 additions and 5 deletions

View File

@@ -82,9 +82,7 @@ progress::-moz-progress-bar {
} }
.mailpoet-form-actions { .mailpoet-form-actions {
grid-column: 2 / -1; grid-column: span 2;
padding-top: $grid-gap + ($heading-font-size-h4 * $heading-line-height) + ($font-size * $line-height * 2);
text-align: right;
p { p {
color: $color-text; color: $color-text;
@@ -92,8 +90,14 @@ progress::-moz-progress-bar {
margin: $grid-gap 0; margin: $grid-gap 0;
} }
.mailpoet-form-send-email & {
grid-column: 2 / -1;
padding-top: $grid-gap + ($heading-font-size-h4 * $heading-line-height) + ($font-size * $line-height * 2);
text-align: right;
}
@include respond-to(small-screen) { @include respond-to(small-screen) {
grid-column: 1; grid-column: 1 !important;
} }
} }

View File

@@ -463,7 +463,7 @@ class NewsletterSend extends React.Component {
} }
return ( return (
<div> <div className="mailpoet-form-send-email">
<Background color="#fff" /> <Background color="#fff" />
<ListingHeadingStepsRoute emailType={emailType} automationId="newsletter_send_heading" /> <ListingHeadingStepsRoute emailType={emailType} automationId="newsletter_send_heading" />