diff --git a/ghost/portal/src/components/Notification.js b/ghost/portal/src/components/Notification.js index 9cfab09f5d..50195958d0 100644 --- a/ghost/portal/src/components/Notification.js +++ b/ghost/portal/src/components/Notification.js @@ -39,13 +39,13 @@ const NotificationText = ({type, status, context}) => { } else if (type === 'signin' && status === 'error') { return (

- Could not sign in! Login link expired. Click here to retry + Could not sign in. Login link expired. Click here to retry

); } else if (type === 'signup' && status === 'success') { return (

- You've successfully subscribed to {context.site.title} + You've successfully subscribed to
{context.site.title}

); } else if (type === 'updateEmail' && status === 'success') { @@ -63,7 +63,7 @@ const NotificationText = ({type, status, context}) => { } else if (type === 'signup' && status === 'error') { return (

- Could not sign up! Invalid sign up link. Click here to retry + Signup error: Invalid link
Click here to retry

); } else if (type === 'stripe:checkout' && status === 'success') { diff --git a/ghost/portal/src/components/Notification.styles.js b/ghost/portal/src/components/Notification.styles.js index 31f6af1eda..2c31ce8ffe 100644 --- a/ghost/portal/src/components/Notification.styles.js +++ b/ghost/portal/src/components/Notification.styles.js @@ -15,7 +15,7 @@ const NotificationStyles = ` top: 12px; right: 12px; width: 100%; - padding: 14px 44px 16px 20px; + padding: 14px 44px 18px 20px; max-width: 380px; min-height: 66px; font-size: 1.3rem; @@ -39,7 +39,7 @@ const NotificationStyles = ` .gh-portal-notification p { flex-grow: 1; font-size: 1.4rem; - line-height: 1.45em; + line-height: 1.5em; text-align: left; margin: 0; padding: 0 0 0 40px; @@ -63,7 +63,7 @@ const NotificationStyles = ` .gh-portal-notification-icon { position: absolute; - top: 21px; + top: calc(50% - 14px); left: 17px; width: 28px; height: 28px;