From 37de5f957d9d1ce6668cd1ce0738c89e3169ae21 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Tue, 18 May 2021 14:15:44 +0200
Subject: [PATCH] Updated launch wizard Stripe connect info styles

---
 .../app/components/gh-launch-wizard/connect-stripe.hbs | 10 +++++-----
 ghost/admin/app/styles/layouts/fullscreen-wizard.css   |  4 +---
 ghost/admin/app/styles/layouts/settings.css            |  2 +-
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/ghost/admin/app/components/gh-launch-wizard/connect-stripe.hbs b/ghost/admin/app/components/gh-launch-wizard/connect-stripe.hbs
index 9253b18ff8..739ef0847b 100644
--- a/ghost/admin/app/components/gh-launch-wizard/connect-stripe.hbs
+++ b/ghost/admin/app/components/gh-launch-wizard/connect-stripe.hbs
@@ -1,14 +1,14 @@
 <div class="gh-launch-wizard-settings-container">
     <div class="gh-stack overflow-y-auto flex-grow-1">
         <div class="gh-stack-item gh-setting-first">
-            <div class="gh-launch-wizard-stripe-info">
-                <div class="flex justify-between items-center mb2">
-                    <div class="gh-setting-title">How you get paid</div>
+            <div class="gh-members-stripe-info gh-launch-wizard-stripe-info">
+                <div class="gh-members-stripe-info-header">
+                    <h4>Getting paid</h4>
                     {{svg-jar "stripe-verified-partner-badge" class="gh-members-stripe-badge"}}
                 </div>
-                <div class="gh-setting-desc">
+                <p class="f8 mt2 mb0">
                     Stripe is our exclusive direct payments partner. Ghost collects <strong>no fees</strong> on any payments! If you don’t have a Stripe account yet, you can <a href="https://stripe.com" target="_blank" rel="noopener noreferrer" class="gh-members-stripe-link">sign up here</a>.
-                </div>
+                </p>
             </div>
         </div>
         {{#if this.config.stripeDirect}}
diff --git a/ghost/admin/app/styles/layouts/fullscreen-wizard.css b/ghost/admin/app/styles/layouts/fullscreen-wizard.css
index 8518d44a5e..f888d8673c 100644
--- a/ghost/admin/app/styles/layouts/fullscreen-wizard.css
+++ b/ghost/admin/app/styles/layouts/fullscreen-wizard.css
@@ -89,9 +89,7 @@
 /* Connect Stripe settings */
 .gh-launch-wizard-stripe-info {
     width: 100%;
-    padding: 24px 16px;
-    background: var(--whitegrey-l1);
-    border-radius: 2px;
+    padding: 16px;
 }
 
 .gh-launch-wizard-stripe-connect-token {
diff --git a/ghost/admin/app/styles/layouts/settings.css b/ghost/admin/app/styles/layouts/settings.css
index 5d54765a6c..52e119fd6b 100644
--- a/ghost/admin/app/styles/layouts/settings.css
+++ b/ghost/admin/app/styles/layouts/settings.css
@@ -1620,7 +1620,7 @@ p.theme-validation-details {
 }
 
 .gh-members-connectbutton-container {
-    max-width: 380px;
+    margin-right: 4px;
 }
 
 .gh-members-connectbutton-container .for-switch {