diff --git a/packages/page-accounts/src/Accounts/Account.tsx b/packages/page-accounts/src/Accounts/Account.tsx index 70001192e2..f6af0fcafd 100644 --- a/packages/page-accounts/src/Accounts/Account.tsx +++ b/packages/page-accounts/src/Accounts/Account.tsx @@ -360,7 +360,7 @@ function Account ({ account: { address, meta }, className = '', delegation, filt /> )} - + {meta.parentAddress && ( )} diff --git a/packages/page-accounts/src/Accounts/index.tsx b/packages/page-accounts/src/Accounts/index.tsx index 0f485418fb..e5fca68d9b 100644 --- a/packages/page-accounts/src/Accounts/index.tsx +++ b/packages/page-accounts/src/Accounts/index.tsx @@ -123,7 +123,7 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen const header = useMemo(() => [ [t('accounts'), 'start', 3], - [t('parent'), 'address ui--media-1200'], + [t('parent'), 'address ui--media-1400'], [t('type')], [t('tags'), 'start'], [t('transactions'), 'ui--media-1500'], @@ -135,7 +135,7 @@ function Overview ({ className = '', onStatusChange }: Props): React.ReactElemen const footer = useMemo(() => ( - + diff --git a/packages/react-components/src/AddressSmall.tsx b/packages/react-components/src/AddressSmall.tsx index 68a00ab109..8e2005c3f3 100644 --- a/packages/react-components/src/AddressSmall.tsx +++ b/packages/react-components/src/AddressSmall.tsx @@ -54,34 +54,38 @@ export default React.memo(styled(AddressSmall)` .ui--AccountName { display: inline-block; - max-width: 24rem; + max-width: 26rem; overflow: hidden; &.withSidebar { cursor: help; } - @media only screen and (max-width: 1800px) { - max-width: 22rem; - } - @media only screen and (max-width: 1700px) { - max-width: 20rem; + max-width: 24rem; } @media only screen and (max-width: 1600px) { - max-width: 18rem; + max-width: 22rem; } @media only screen and (max-width: 1500px) { - max-width: 16rem; + max-width: 20rem; } @media only screen and (max-width: 1400px) { - max-width: 14rem; + max-width: 18rem; } @media only screen and (max-width: 1300px) { + max-width: 16rem; + } + + @media only screen and (max-width: 1200px) { + max-width: 14rem; + } + + @media only screen and (max-width: 1200px) { max-width: 12rem; } }