From b5520473da5d60633acb80873121d258d3a227d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Tue, 13 Dec 2022 13:57:59 +0200
Subject: [PATCH] RED-3800: RSS editing

---
 .../rss-dialog/rss-dialog.component.html        | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
index 7c22adccb..78dfef15f 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/rss-dialog/rss-dialog.component.html
@@ -43,13 +43,16 @@
                     </iqser-editable-input>
                 </div>
                 <div>{{ entry.value.transformation }}</div>
-                <div class="annotation-grid">
-                    <ng-container *ngFor="let annotation of entry.value.scmAnnotations">
-                        <div>{{ annotation.type }}</div>
-                        <div>{{ annotation.ruleNumber }}</div>
-                        <div>{{ annotation.pages.join(',') }}</div>
-                        <div>{{ annotation.reason }}</div>
-                    </ng-container>
+                <!--                <div>{{ entry.value.scmAnnotations || '-' }}</div>-->
+                <div>
+                    <ul *ngIf="entry.value.scmAnnotations; else noAnnotations" class="pl-0">
+                        <li *ngFor="let annotation of entry.value.scmAnnotations" class="mb-8">
+                            <strong>Type: </strong> {{ annotation.type }}, <strong>Rule: </strong> {{ annotation.ruleNumber }},
+                            <strong>Pages: </strong>{{ annotation.pages.join(',') }}, <strong>Reason: </strong> {{ annotation.reason }}
+                        </li>
+                    </ul>
+
+                    <ng-template #noAnnotations>-</ng-template>
                 </div>
             </ng-container>
         </div>