diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js index 38ac9b4904..4e04f7aa8b 100644 --- a/ghost/portal/src/components/Frame.styles.js +++ b/ghost/portal/src/components/Frame.styles.js @@ -85,10 +85,11 @@ const GlobalStyles = ` color: var(--grey1); margin: 24px 0 12px; padding: 0 12px; + line-height: 1.35em; } .gh-portal-signup-logo + .gh-portal-main-title { - margin-top: 4px; + margin: 4px 0 0; } .gh-portal-text-disabled { diff --git a/ghost/portal/src/components/pages/SignupPage.js b/ghost/portal/src/components/pages/SignupPage.js index 863ea86f39..0af59dc224 100644 --- a/ghost/portal/src/components/pages/SignupPage.js +++ b/ghost/portal/src/components/pages/SignupPage.js @@ -16,7 +16,7 @@ export const SignupPageStyles = ` border-radius: 2px; width: 56px; height: 56px; - margin: 8px 0 10px; + margin: 12px 0 10px; } .gh-portal-signup-header { diff --git a/ghost/portal/src/utils/fixtures.js b/ghost/portal/src/utils/fixtures.js index 0f1d43b933..e49fbd9c75 100644 --- a/ghost/portal/src/utils/fixtures.js +++ b/ghost/portal/src/utils/fixtures.js @@ -1,5 +1,5 @@ export const site = { - title: 'Ghost Site', + title: 'Check out my paying site, it has a long title', description: 'Thoughts, stories and ideas.', logo: 'https://pbs.twimg.com/profile_images/1111773508231667713/mf2N0uqc_400x400.png', icon: 'https://pbs.twimg.com/profile_images/1111773508231667713/mf2N0uqc_400x400.png', @@ -15,7 +15,7 @@ export const site = { is_stripe_configured: true, portal_button: true, portal_name: true, - portal_plans: ['yearly'], + portal_plans: ['free', 'monthly', 'yearly'], portal_button_icon: 'icon-1', portal_button_signup_text: 'Subscribe now', portal_button_style: 'icon-and-text',