From 77272bcc9aef520fc9f63b96edd9c503819f1491 Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Tue, 10 May 2022 22:44:03 +0200
Subject: [PATCH] Updated unsubscribe design

refs https://github.com/TryGhost/Team/issues/1495
---
 ghost/portal/src/components/Frame.styles.js          | 12 +++++++++++-
 ghost/portal/src/components/pages/UnsubscribePage.js |  3 ++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js
index a07af46d46..3d28ea867e 100644
--- a/ghost/portal/src/components/Frame.styles.js
+++ b/ghost/portal/src/components/Frame.styles.js
@@ -657,7 +657,7 @@ const FrameStyles = `
     font-weight: 700;
     text-transform: uppercase;
     color: #15212a;
-    margin-top: 12px;
+    margin-top: 6px;
 }
 
 /* Icons
@@ -1055,6 +1055,7 @@ const MultipleProductsGlobalStyles = `
     height: 60px;
     border-radius: 2px;
     margin-top: 12px;
+    margin-bottom: 6px;
 }
 
 @media (max-width: 480px) {
@@ -1066,6 +1067,15 @@ const MultipleProductsGlobalStyles = `
 
 .gh-portal-unsubscribe .gh-portal-main-title {
     margin-bottom: 16px;
+    font-size: 2.6rem;
+}
+
+.gh-portal-unsubscribe p {
+    margin-bottom: 16px;
+}
+
+.gh-portal-unsubscribe p:last-of-type {
+    margin-bottom: 0;
 }
 
 .gh-portal-btn-inline {
diff --git a/ghost/portal/src/components/pages/UnsubscribePage.js b/ghost/portal/src/components/pages/UnsubscribePage.js
index c7926d9302..35347fc527 100644
--- a/ghost/portal/src/components/pages/UnsubscribePage.js
+++ b/ghost/portal/src/components/pages/UnsubscribePage.js
@@ -100,7 +100,8 @@ export default function UnsubscribePage() {
                 <AccountHeader />
                 <h1 className="gh-portal-main-title">Successfully unsubscribed</h1>
                 <div>
-                    <p className='gh-portal-text-center'><strong>{member?.email}</strong> will no longer receive this newsletter. Didn't mean to do this? Manage your preferences
+                    <p className='gh-portal-text-center'><strong>{member?.email}</strong> will no longer receive this newsletter.</p>
+                    <p className='gh-portal-text-center'>Didn't mean to do this? Manage your preferences
                         <button
                             className="gh-portal-btn-link gh-portal-btn-branded gh-portal-btn-inline"
                             onClick={() => {