Adjust toggle to page

[MAILPOET-5906]
This commit is contained in:
Brezo Cordero
2024-03-22 16:51:13 -05:00
committed by David Remer
parent 1fadda7e11
commit 4271f9a7b3
2 changed files with 6 additions and 1 deletions

View File

@@ -34,6 +34,11 @@
} }
} }
.mailpoet-tiers-page-billing-toggle {
margin: 0 auto;
width: 15.25rem;
}
.mailpoet-tiers-page-content { .mailpoet-tiers-page-content {
align-items: center; align-items: center;
align-self: stretch; align-self: stretch;

View File

@@ -24,7 +24,7 @@
<%= __('Whether youre just starting out, or already have an established list of loyal subscribers, our plans are flexible enough for every flock.') %> <%= __('Whether youre just starting out, or already have an established list of loyal subscribers, our plans are flexible enough for every flock.') %>
</p> </p>
</div> </div>
<div class="mp-toggle pricing-period-toggle"> <div class="mp-toggle pricing-period-toggle mailpoet-tiers-page-billing-toggle">
<input id="pricing_duration" type="checkbox"> <input id="pricing_duration" type="checkbox">
<label for="pricing_duration" data-automation-id="pricing_duration"> <label for="pricing_duration" data-automation-id="pricing_duration">
<div class="mp-toggle__switch" data-unchecked="<%= __('Pay monthly') %>" data-checked="<%= __('Pay yearly') %>"></div> <div class="mp-toggle__switch" data-unchecked="<%= __('Pay monthly') %>" data-checked="<%= __('Pay yearly') %>"></div>