From f52c4f229719a264ad0f94774e8e997f2b219295 Mon Sep 17 00:00:00 2001 From: Sean Yesmunt <sean@lbry.io> Date: Fri, 19 Apr 2019 15:28:43 -0400 Subject: [PATCH] fix: account locked styling --- src/ui/page/rewards/view.jsx | 42 +++++++++++++++++++----------------- 1 file changed, 22 insertions(+), 20 deletions(-) diff --git a/src/ui/page/rewards/view.jsx b/src/ui/page/rewards/view.jsx index 65aab22ae..91ac446d3 100644 --- a/src/ui/page/rewards/view.jsx +++ b/src/ui/page/rewards/view.jsx @@ -56,26 +56,28 @@ class RewardsPage extends PureComponent<Props> { } return ( <section className="card card--section"> - <p> - {__( - 'This account must undergo review before you can participate in the rewards program.' - )}{' '} - {__('This can take anywhere from several minutes to several days.')} - </p> + <div className="card__content"> + <p> + {__( + 'This account must undergo review before you can participate in the rewards program.' + )}{' '} + {__('This can take anywhere from several minutes to several days.')} + </p> - <p> - {__( - 'We apologize for this inconvenience, but have added this additional step to prevent fraud.' - )} - </p> - <p> - {`${__('If you continue to see this message, send us an email to help@lbry.com.')} ${__( - 'Please enjoy free content in the meantime!' - )}`} - </p> - <p> + <p> + {__( + 'We apologize for this inconvenience, but have added this additional step to prevent fraud.' + )} + </p> + <p> + {`${__( + 'If you continue to see this message, send us an email to help@lbry.com.' + )} ${__('Please enjoy free content in the meantime!')}`} + </p> + </div> + <div className="card__actions"> <Button navigate="/" button="primary" label="Return Home" /> - </p> + </div> </section> ); } @@ -138,8 +140,8 @@ class RewardsPage extends PureComponent<Props> { <p className="card__content"> {claimed && claimed.length ? __( - "You have claimed all available rewards! We're regularly adding more so be sure to check back later." - ) + "You have claimed all available rewards! We're regularly adding more so be sure to check back later." + ) : __('There are no rewards available at this time, please check back later.')} </p> </section>