diff --git a/components/actors/bio.vue b/components/actors/bio.vue index 8f2e50c..fa96cce 100644 --- a/components/actors/bio.vue +++ b/components/actors/bio.vue @@ -631,7 +631,7 @@ const socials = props.actor.socials.map((social) => ({ .bio-value { display: inline-block; margin: 0 0 0 2rem; - max-width: 25rem; + max-width: 20rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; @@ -908,10 +908,6 @@ const socials = props.actor.socials.map((social) => ({ .bio { margin-right: 1rem; } - - .bio-value { - max-width: initial; - } } @media(--compact) { @@ -964,6 +960,10 @@ const socials = props.actor.socials.map((social) => ({ margin: 0; } + .bio-value { + max-width: initial; + } + .expanded .bio-value { white-space: normal; }