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 {
grid-column: 2 / -1;
padding-top: $grid-gap + ($heading-font-size-h4 * $heading-line-height) + ($font-size * $line-height * 2);
text-align: right;
grid-column: span 2;
p {
color: $color-text;
@@ -92,8 +90,14 @@ progress::-moz-progress-bar {
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) {
grid-column: 1;
grid-column: 1 !important;
}
}

View File

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