diff --git a/app/assets/javascripts/admin/templates/components/flagged-post.hbs b/app/assets/javascripts/admin/templates/components/flagged-post.hbs
index 4a832771a89..9bba9abfcd6 100644
--- a/app/assets/javascripts/admin/templates/components/flagged-post.hbs
+++ b/app/assets/javascripts/admin/templates/components/flagged-post.hbs
@@ -20,6 +20,10 @@
+
+
{{#unless hideTitle}}
diff --git a/app/assets/stylesheets/common/admin/flagging.scss b/app/assets/stylesheets/common/admin/flagging.scss
index e5fa38b9f55..8867439f466 100644
--- a/app/assets/stylesheets/common/admin/flagging.scss
+++ b/app/assets/stylesheets/common/admin/flagging.scss
@@ -42,6 +42,14 @@
width: 100%;
word-wrap: break-word;
+ .flagged-post-user-details {
+ .username {
+ font-weight: bold;
+ color: $primary;
+ }
+ margin-bottom: 0.5em;
+ }
+
.d-icon {
display: inline-block;
}
@@ -202,3 +210,4 @@
padding-right: 0.25em;
}
}
+
diff --git a/test/javascripts/acceptance/admin-flags-test.js.es6 b/test/javascripts/acceptance/admin-flags-test.js.es6
index bd01fd0d369..0be7e93b0a8 100644
--- a/test/javascripts/acceptance/admin-flags-test.js.es6
+++ b/test/javascripts/acceptance/admin-flags-test.js.es6
@@ -8,6 +8,7 @@ QUnit.test("flagged posts", assert => {
assert.equal(find('.flagged-post .flag-user').length, 1, 'shows who flagged it');
assert.equal(find('.flagged-post-response').length, 2);
assert.equal(find('.flagged-post-response:eq(0) img.avatar').length, 1);
+ assert.equal(find('.flagged-post-user-details .username').length, 1, 'shows the flagged username');
});
});