diff --git a/src/profiles/Profile.css b/src/profiles/Profile.css index cce8364..48f31ae 100644 --- a/src/profiles/Profile.css +++ b/src/profiles/Profile.css @@ -55,12 +55,12 @@ .acct-mark { font-size: 1.2em; - vertical-align: sub; - margin-right: 0.25em; } .display-name { - display: block; + display: flex; + align-items: center; + gap: 4px; } table.acct-fields { diff --git a/src/timelines/toot.module.css b/src/timelines/toot.module.css index 365b849..69d7ba1 100644 --- a/src/timelines/toot.module.css +++ b/src/timelines/toot.module.css @@ -68,12 +68,13 @@ .tootAuthorNamePrimary { color: var(--tutu-color-on-surface); + display: flex; + align-items: center; + gap: 4px; > :global(.acct-mark) { font-size: 1.2em; color: var(--tutu-color-secondary-text-on-surface); - vertical-align: sub; - margin-right: 0.25em; } }