diff --git a/apps/portal/src/components/Frame.styles.js b/apps/portal/src/components/Frame.styles.js index b5c6b661f4..122722404f 100644 --- a/apps/portal/src/components/Frame.styles.js +++ b/apps/portal/src/components/Frame.styles.js @@ -30,6 +30,7 @@ const FrameStyles = ` text-align: center; color: var(--grey0); line-height: 1.1em; + text-wrap: pretty; } .gh-portal-text-disabled { @@ -40,6 +41,7 @@ const FrameStyles = ` .gh-portal-text-center { text-align: center; + text-wrap: pretty; } .gh-portal-input-label { diff --git a/apps/portal/src/components/pages/SupportSuccess.js b/apps/portal/src/components/pages/SupportSuccess.js index c3ac9d4f48..a718e6f9c6 100644 --- a/apps/portal/src/components/pages/SupportSuccess.js +++ b/apps/portal/src/components/pages/SupportSuccess.js @@ -5,12 +5,26 @@ import CloseButton from '../common/CloseButton'; import ActionButton from '../common/ActionButton'; export const TipsAndDonationsSuccessStyle = ` + .gh-portal-tips-and-donations .gh-portal-signup-header { + margin-bottom: 12px; + padding: 0; + } + .gh-portal-tips-and-donations .gh-tips-and-donations-icon-success { - padding: 10px 0; + margin: 24px auto 16px; text-align: center; color: var(--brandcolor); width: 48px; - margin: 0 auto; + height: 48px; + } + + .gh-portal-tips-and-donations .gh-tips-and-donations-icon-success svg { + width: 48px; + height: 48px; + } + + .gh-portal-tips-and-donations h1.gh-portal-main-title { + font-size: 32px; } .gh-portal-tips-and-donations .gh-portal-text-center { @@ -28,10 +42,10 @@ const SupportSuccess = () => {
{successDescription}