summaryrefslogtreecommitdiff
path: root/web/source/settings/admin/reports/detail.jsx
diff options
context:
space:
mode:
Diffstat (limited to 'web/source/settings/admin/reports/detail.jsx')
-rw-r--r--web/source/settings/admin/reports/detail.jsx33
1 files changed, 17 insertions, 16 deletions
diff --git a/web/source/settings/admin/reports/detail.jsx b/web/source/settings/admin/reports/detail.jsx
index 0fd7802bc..e9c40cb13 100644
--- a/web/source/settings/admin/reports/detail.jsx
+++ b/web/source/settings/admin/reports/detail.jsx
@@ -140,13 +140,18 @@ function ReportedToot({ toot }) {
const account = toot.account;
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">
{toot.spoiler_text?.length > 0
@@ -158,15 +163,11 @@ function ReportedToot({ toot }) {
{toot.media_attachments?.length > 0 &&
<TootMedia media={toot.media_attachments} sensitive={toot.sensitive} />
}
- </div>
- <div className="toot-info">
- <a
- href={toot.url}
- target="_blank"
- rel="noreferrer"
- >{new Date(toot.created_at).toLocaleString()}</a>
- </div>
- </div>
+ </section>
+ <aside className="info">
+ <time datetime={toot.created_at}>{new Date(toot.created_at).toLocaleString()}</time>
+ </aside>
+ </article>
);
}