From 14998061bd76618f8cd021bab7afcc567f057ca9 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Thu, 23 Jul 2020 12:33:27 +0200
Subject: [PATCH] Fixed signin heading spacing

---
 .../portal/src/components/pages/SigninPage.js |  2 +-
 .../portal/src/components/pages/SignupPage.js | 25 ++++++++++++++-----
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/ghost/portal/src/components/pages/SigninPage.js b/ghost/portal/src/components/pages/SigninPage.js
index dfdbf275cc..3abaaabe23 100644
--- a/ghost/portal/src/components/pages/SigninPage.js
+++ b/ghost/portal/src/components/pages/SigninPage.js
@@ -116,7 +116,7 @@ export default class SigninPage extends React.Component {
         const siteTitle = this.context.site.title || 'Site Title';
 
         return (
-            <div className='flex flex-column items-center gh-portal-section gh-portal-signup-header nodivider'>
+            <div className='gh-portal-signin-header'>
                 {this.renderSiteLogo()}
                 <h2 className="gh-portal-main-title">Sign in to {siteTitle}</h2>
             </div>
diff --git a/ghost/portal/src/components/pages/SignupPage.js b/ghost/portal/src/components/pages/SignupPage.js
index bfd4c1042f..500828b85a 100644
--- a/ghost/portal/src/components/pages/SignupPage.js
+++ b/ghost/portal/src/components/pages/SignupPage.js
@@ -11,16 +11,27 @@ export const SignupPageStyles = `
         display: block;
         width: 56px;
         height: 56px;
-        margin-bottom: 12px;
+        margin: 18px 0;
         background-position: 50%;
         background-size: cover;
-        border-radius: 999px;
-        box-shadow: 0 0 0 3px #fff
+        border-radius: 2px;
     }
 
     .gh-portal-signup-header {
-        margin: 18px -32px 18px;
-        padding-bottom: 32px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 0 32px 32px;
+        margin: 0 -32px 18px;
+        border-bottom: 1px solid #eaeaea;
+    }
+
+    .gh-portal-signin-header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        padding: 0 32px 32px;
+        margin: 0 -32px 32px;
         border-bottom: 1px solid #eaeaea;
     }
 
@@ -277,8 +288,10 @@ class SignupPage extends React.Component {
         const {site} = this.context;
         const siteTitle = site.title || 'Site Title';
 
+        const headerClass = site.logo ? 'gh-portal-signup-header' : 'gh-portal-signup-header';
+
         return (
-            <div className='flex flex-column items-center gh-portal-section gh-portal-signup-header'>
+            <div className={headerClass}>
                 {this.renderSiteLogo()}
                 <h2 className="gh-portal-main-title">{siteTitle}</h2>
             </div>