Add icons to dropdown actions (report, remove and remove & re-draft)

1 files changed, 6 insertions, 3 deletions

diff --git a/client/src/app/+videos/+video-watch/comment/video-comment.component.ts b/client/src/app/+videos/+video-watch/comment/video-comment.component.ts
index c2964d370..8473350be 100644
--- a/client/src/app/+videos/+video-watch/comment/video-comment.component.ts
+++ b/client/src/app/+videos/+video-watch/comment/video-comment.component.ts
@@ -154,21 +154,24 @@ export class VideoCommentComponent implements OnInit, OnChanges {
 
     if (this.isReportableByUser()) {
       this.prependModerationActions.push({
-        label: $localize`Report comment`,
+        label: $localize`Report`,
+        iconName: 'flag',
         handler: () => this.showReportModal()
       })
     }
 
     if (this.isRemovableByUser()) {
       this.prependModerationActions.push({
-        label: $localize`Remove comment`,
+        label: $localize`Remove`,
+        iconName: 'delete',
         handler: () => this.onWantToDelete()
       })
     }
 
     if (this.isRedraftableByUser()) {
       this.prependModerationActions.push({
-        label: $localize`Remove & re-draft comment`,
+        label: $localize`Remove & re-draft`,
+        iconName: 'edit',
         handler: () => this.onWantToRedraft()
       })
     }