<span class="moderation-expanded-text">
<a [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reporter:"' + abuse.reporterAccount.displayName + '"' }"
- class="chip"
+ class="chip me-1"
>
<my-actor-avatar size="18" [actor]="abuse.reporterAccount" actorType="account"></my-actor-avatar>
<div>
<span class="moderation-expanded-label" i18n>Reportee</span>
<span class="moderation-expanded-text">
<a [routerLink]="[ '.' ]" [queryParams]="{ 'search': 'reportee:"' +abuse.flaggedAccount.displayName + '"' }"
- class="chip"
+ class="chip me-1"
>
<my-actor-avatar size="18" [actor]="abuse.flaggedAccount" actorType="account"></my-actor-avatar>
<div>
<span class="moderation-expanded-text" [innerHTML]="abuse.reasonHtml"></span>
</div>
- <div *ngIf="getPredefinedReasons()" class="mt-2 d-flex">
- <span class="></span>
- <span class=">
- <a *ngFor="let reason of getPredefinedReasons()" [routerLink]="[ '.' ]"
- [queryParams]="{ 'search': 'tag:' + reason.id }" class="chip rectangular bg-secondary text-light"
+ <div *ngIf="predefinedReasons" class="mt-2 d-flex">
+ <span>
+ <a *ngFor="let reason of predefinedReasons" [routerLink]="[ '.' ]"
+ [queryParams]="{ 'search': 'tag:' + reason.id }" class="pt-badge badge-secondary"
>
<div>{{ reason.label }}</div>
</a>