diff options
| -rw-r--r-- | gui/src/renderer/components/Account.tsx | 37 | ||||
| -rw-r--r-- | gui/src/renderer/components/AccountStyles.tsx | 8 |
2 files changed, 28 insertions, 17 deletions
diff --git a/gui/src/renderer/components/Account.tsx b/gui/src/renderer/components/Account.tsx index 7905431f1d..18980ca1a9 100644 --- a/gui/src/renderer/components/Account.tsx +++ b/gui/src/renderer/components/Account.tsx @@ -7,6 +7,7 @@ import { AccountOutOfTime, AccountRow, AccountRowLabel, + AccountRows, AccountRowValue, StyledBuyCreditButton, StyledContainer, @@ -60,23 +61,27 @@ export default class Account extends React.Component<IProps> { <HeaderTitle>{messages.pgettext('account-view', 'Account')}</HeaderTitle> </SettingsHeader> - <AccountRow> - <AccountRowLabel> - {messages.pgettext('account-view', 'Account number')} - </AccountRowLabel> - <AccountRowValue - as={AccountTokenLabel} - accountToken={this.props.accountToken || ''} - /> - </AccountRow> + <AccountRows> + <AccountRow> + <AccountRowLabel> + {messages.pgettext('account-view', 'Account number')} + </AccountRowLabel> + <AccountRowValue + as={AccountTokenLabel} + accountToken={this.props.accountToken || ''} + /> + </AccountRow> - <AccountRow> - <AccountRowLabel>{messages.pgettext('account-view', 'Paid until')}</AccountRowLabel> - <FormattedAccountExpiry - expiry={this.props.accountExpiry} - locale={this.props.expiryLocale} - /> - </AccountRow> + <AccountRow> + <AccountRowLabel> + {messages.pgettext('account-view', 'Paid until')} + </AccountRowLabel> + <FormattedAccountExpiry + expiry={this.props.accountExpiry} + locale={this.props.expiryLocale} + /> + </AccountRow> + </AccountRows> <AccountFooter> <AppButton.BlockingButton diff --git a/gui/src/renderer/components/AccountStyles.tsx b/gui/src/renderer/components/AccountStyles.tsx index 108c1d4e96..015e7a4478 100644 --- a/gui/src/renderer/components/AccountStyles.tsx +++ b/gui/src/renderer/components/AccountStyles.tsx @@ -13,7 +13,13 @@ export const AccountContainer = styled.div({ display: 'flex', flexDirection: 'column', flex: 1, - paddingBottom: '48px', + paddingBottom: '22px', +}); + +export const AccountRows = styled.div({ + display: 'flex', + flexDirection: 'column', + flex: 1, }); export const AccountRow = styled.div({ |