diff --git a/ghost/admin/app/components/modal-product.hbs b/ghost/admin/app/components/modal-product.hbs index 60e940d393..edce8c8d49 100644 --- a/ghost/admin/app/components/modal-product.hbs +++ b/ghost/admin/app/components/modal-product.hbs @@ -154,18 +154,20 @@ {{#if this.stripeMonthlyAmount}} + {{currency-symbol this.currency}} {{this.stripeMonthlyAmount}} - {{this.currency}}/month + /month {{else}} + {{currency-symbol this.currency}} 0 - {{this.currency}}/month + /month {{/if}} {{#if this.stripeYearlyAmount}} - {{this.stripeYearlyAmount}}{{this.currency}}/year + {{currency-symbol this.currency}}{{this.stripeYearlyAmount}}/year {{else}} 0{{this.currency}}/year {{/if}} diff --git a/ghost/admin/app/styles/layouts/products.css b/ghost/admin/app/styles/layouts/products.css index 942e6c0a6e..d21076c0b4 100644 --- a/ghost/admin/app/styles/layouts/products.css +++ b/ghost/admin/app/styles/layouts/products.css @@ -585,6 +585,13 @@ text-transform: uppercase; } +.gh-product-form-tierpreview .monthly-price .currency { + align-self: flex-start; + font-size: 2.0rem; + font-weight: 500; + line-height: 1.3em; +} + .gh-product-form-tierpreview ul { list-style: none; margin: 0;