diff --git a/src/profiles/Profile.tsx b/src/profiles/Profile.tsx index c9e7785..e557440 100644 --- a/src/profiles/Profile.tsx +++ b/src/profiles/Profile.tsx @@ -116,10 +116,19 @@ const Profile: Component = () => { } .acct-grp { - display: grid; - grid-template-columns: auto 1fr auto; + display: flex; + flex-flow: row wrap; gap: 16px; align-items: center; + + & > :nth-child(2) { + flex-grow: 1; + } + + & > :last-child { + flex-grow: 1; + text-align: right; + } } .name-grp { @@ -128,11 +137,13 @@ const Profile: Component = () => { } table.acct-fields { + word-break: break-all; + & td > :global(a) { display: inline-flex; - min-height: 44px; align-items: center; color: inherit; + min-height: 44px; } & :global(a > .invisible) { @@ -146,6 +157,9 @@ const Profile: Component = () => { .page-title { flex-grow: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } `;