Adjustments to the layout of the welcome wizard layout

[MAILPOET-4819]
This commit is contained in:
Rodrigo Primo
2022-12-01 15:54:27 -03:00
committed by Aschepikov
parent 3279fb1154
commit 146f5881f7

View File

@@ -35,6 +35,7 @@
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: 8px;
@include respond-to(medium-screen) { @include respond-to(medium-screen) {
flex-direction: column; flex-direction: column;
@@ -42,7 +43,7 @@
} }
.mailpoet-wizard-step-illustration { .mailpoet-wizard-step-illustration {
margin-right: $grid-gap; margin-right: $grid-gap-xl;
max-width: $grid-column; max-width: $grid-column;
text-align: center; text-align: center;
width: 100%; width: 100%;
@@ -63,12 +64,16 @@
} }
.mailpoet-wizard-step-content { .mailpoet-wizard-step-content {
max-width: $grid-column-small + $grid-gap + $grid-column; max-width: 480px;
width: 100%; width: 100%;
@include respond-to(medium-screen) { @include respond-to(medium-screen) {
max-width: $grid-column; max-width: $grid-column;
} }
.mailpoet-button {
height: 36px;
}
} }
.mailpoet-wizard-label { .mailpoet-wizard-label {