Align form actions to the left, unless on send email page
[MAILPOET-3073]
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -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" />
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user