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;
}
}
|