summaryrefslogtreecommitdiff
path: root/web/source/settings/components/fake-toot.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/source/settings/components/fake-toot.jsx')
-rw-r--r--web/source/settings/components/fake-toot.jsx27
1 files changed, 15 insertions, 12 deletions
diff --git a/web/source/settings/components/fake-toot.jsx b/web/source/settings/components/fake-toot.jsx
index f1b0759cf..b71831a95 100644
--- a/web/source/settings/components/fake-toot.jsx
+++ b/web/source/settings/components/fake-toot.jsx
@@ -31,19 +31,22 @@ module.exports = function FakeToot({ children }) {
} } = query.useVerifyCredentialsQuery();
return (
- <div className="toot expanded">
- <div className="contentgrid">
- <span className="avatar">
- <img src={account.avatar} alt="" />
- </span>
- <span className="displayname">{account.display_name.trim().length > 0 ? account.display_name : account.username}</span>
- <span className="username">@{account.username}</span>
+ <article className="toot expanded">
+ <section className="author">
+ <a>
+ <img className="avatar" src={account.avatar} alt="" />
+ <span className="displayname">
+ {account.display_name.trim().length > 0 ? account.display_name : account.username}
+ <span className="sr-only">.</span>
+ </span>
+ <span className="username">@{account.username}</span>
+ </a>
+ </section>
+ <section className="body">
<div className="text">
- <div className="content">
- {children}
- </div>
+ {children}
</div>
- </div>
- </div>
+ </section>
+ </article>
);
}; \ No newline at end of file