diff --git a/ghost/portal/src/App.js b/ghost/portal/src/App.js index 0c08bb7653..c07a02cc3e 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: 'accountPlan', + page: 'accountHome', showPopup: true }; } diff --git a/ghost/portal/src/components/Frame.styles.js b/ghost/portal/src/components/Frame.styles.js index 8d949ab966..23f4db9251 100644 --- a/ghost/portal/src/components/Frame.styles.js +++ b/ghost/portal/src/components/Frame.styles.js @@ -153,7 +153,7 @@ export const GlobalStyles = ` .gh-portal-setting-heading { font-size: 13px; - margin-bottom: 4px; + margin-bottom: 2px; font-weight: 500; } diff --git a/ghost/portal/src/components/pages/AccountHomePage.js b/ghost/portal/src/components/pages/AccountHomePage.js index 8bc788ccb0..4fc99b1a55 100644 --- a/ghost/portal/src/components/pages/AccountHomePage.js +++ b/ghost/portal/src/components/pages/AccountHomePage.js @@ -40,13 +40,13 @@ export const AccountHomePageStyles = ` .gh-portal-accountdetail-section { display: flex; - align-items: center; - margin-bottom: 32px; + align-items: flex-start; + margin-bottom: 40px; } .gh-portal-accountdetail-section:first-of-type { - margin-top: 24px; - margin-bottom: 26px; + margin-top: 32px; + margin-bottom: 22px; } .gh-portal-account-divider { @@ -67,13 +67,18 @@ export const AccountHomePageStyles = ` } .gh-portal-accountdetail-data { - color: #656565; line-height: 1em; margin-top: 4px; + color: #777; } .gh-portal-accountdetail-data.small { font-size: 1.3rem; + margin-top: 5px; + } + + .gh-portal-setting-heading.paid-home { + font-weight: 600; } /* Avatar styles */ @@ -265,7 +270,7 @@ class PaidAccountHomePage extends React.Component {