From 73ee017b124611be5886d5424778f366c3ea9052 Mon Sep 17 00:00:00 2001
From: Peter Zimon <zimo@ghost.org>
Date: Mon, 20 Jul 2020 18:03:34 +0200
Subject: [PATCH] Removed paddings in plans page

no refs.
---
 ghost/portal/src/App.js                                 | 2 +-
 ghost/portal/src/components/Frame.styles.js             | 4 +---
 ghost/portal/src/components/pages/AccountPlanPage.js    | 8 ++++----
 ghost/portal/src/components/pages/AccountProfilePage.js | 2 --
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/ghost/portal/src/App.js b/ghost/portal/src/App.js
index 23c3071779..0c08bb7653 100644
--- a/ghost/portal/src/App.js
+++ b/ghost/portal/src/App.js
@@ -61,7 +61,7 @@ export default class App extends React.Component {
         // Loads default page and popup state for local UI testing
         if (process.env.NODE_ENV === 'development') {
             return {
-                page: 'accountProfile',
+                page: 'accountPlan',
                 showPopup: true
             };
         }
diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js
index bbf4aaf52f..8d949ab966 100644
--- a/ghost/portal/src/components/Frame.styles.js
+++ b/ghost/portal/src/components/Frame.styles.js
@@ -6,7 +6,6 @@
 import {ActionButtonStyles} from './common/ActionButton';
 import {SwitchStyles} from './common/Switch';
 import {AccountHomePageStyles} from './pages/AccountHomePage';
-import {AccountProfilePageStyles} from './pages/AccountProfilePage';
 import {InputFieldStyles} from './common/InputField';
 
 // Global styles
@@ -242,7 +241,7 @@ export const GlobalStyles = `
     .gh-portal-detail-header .gh-portal-btn-back,
     .gh-portal-detail-header .gh-portal-btn-back:hover {        
         position: absolute;
-        top: -8px;
+        top: -10px;
         left: 0;
         background: none;
         box-shadow: none;
@@ -255,7 +254,6 @@ export const GlobalStyles = `
 const FrameStyle = 
     GlobalStyles +
     AccountHomePageStyles +
-    AccountProfilePageStyles +
     InputFieldStyles +
     SwitchStyles + 
     ActionButtonStyles;
diff --git a/ghost/portal/src/components/pages/AccountPlanPage.js b/ghost/portal/src/components/pages/AccountPlanPage.js
index 70be1f7077..c44b32ff98 100644
--- a/ghost/portal/src/components/pages/AccountPlanPage.js
+++ b/ghost/portal/src/components/pages/AccountPlanPage.js
@@ -37,9 +37,9 @@ export default class AccountPlanPage extends React.Component {
 
     renderHeader() {
         return (
-            <div style={{display: 'flex', padding: '0 24px'}}>
-                <div style={{color: this.context.brandColor, cursor: 'pointer'}} role="button" onClick={e => this.onBack(e)}> &lt; Back </div>
-                <div style={{flexGrow: 1, display: 'flex', justifyContent: 'center', fontWeight: 'bold'}}> Choose Plan </div>
+            <div className='gh-portal-detail-header'>
+                <button className='gh-portal-btn gh-portal-btn-back' style={{color: this.context.brandColor}} onClick={e => this.onBack(e)}>Back</button>
+                <h3 className='gh-portal-maiin-title'>Choose plan</h3>
             </div>
         );
     }
@@ -92,7 +92,7 @@ export default class AccountPlanPage extends React.Component {
             }
         ];
         return (
-            <div style={{padding: '0 24px', marginTop: '12px'}}>
+            <div>
                 <PlansSection
                     showLabel={false}
                     plans={plansData}
diff --git a/ghost/portal/src/components/pages/AccountProfilePage.js b/ghost/portal/src/components/pages/AccountProfilePage.js
index fbcb4bcfc9..ad2f58077e 100644
--- a/ghost/portal/src/components/pages/AccountProfilePage.js
+++ b/ghost/portal/src/components/pages/AccountProfilePage.js
@@ -7,8 +7,6 @@ import isPreviewMode from '../../utils/is-preview-mode';
 
 const React = require('react');
 
-export const AccountProfilePageStyles = ``;
-
 export default class AccountProfilePage extends React.Component {
     static contextType = AppContext;