From ce95e8cc56ffd5b3e743f18d0acc7bae0045b3a9 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Fri, 15 Mar 2024 15:06:23 +0200
Subject: [PATCH 1/2] RED-8728 & RED-8293: adjusted the styling and spacing.

---
 .../edit-annotation-dialog.component.html     |  2 +-
 .../edit-annotation-dialog.component.scss     |  1 -
 .../edit-redaction-dialog.component.html      | 23 +++++++++----------
 .../edit-redaction-dialog.component.scss      |  1 -
 4 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.html
index 7fdbdffd3..2754b2475 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.html
@@ -3,7 +3,7 @@
         <div [translate]="'edit-redaction.dialog.title'" class="dialog-header heading-l"></div>
 
         <div class="dialog-content redaction">
-            <div *ngIf="showList">
+            <div class="iqser-input-group" *ngIf="showList">
                 <label [translate]="'edit-redaction.dialog.content.redacted-text'" class="selected-text"></label>
                 <cdk-virtual-scroll-viewport
                     [itemSize]="16"
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.scss b/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.scss
index bba70f9c4..79f0d48b8 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/docu-mine/edit-annotation-dialog/edit-annotation-dialog.component.scss
@@ -1,7 +1,6 @@
 @use 'common-mixins';
 
 cdk-virtual-scroll-viewport {
-    margin-top: 8px;
     @include common-mixins.scroll-bar;
 }
 
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.html
index 3c23f1f72..5106adfe6 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.html
@@ -7,18 +7,17 @@
         ></div>
 
         <div class="dialog-content redaction" [class.fixed-height]="isRedacted && isImage">
-            <div *ngIf="!isImage">
-                <label [translate]="labelTranslation"></label>
-                <div *ngIf="!!redactedTexts.length && !allRectangles" class="iqser-input-group">
-                    <cdk-virtual-scroll-viewport
-                        [itemSize]="16"
-                        [ngStyle]="{ height: redactedTexts.length <= 5 ? 16 * redactedTexts.length + 'px' : 80 + 'px' }"
-                    >
-                        <ul *cdkVirtualFor="let text of redactedTexts">
-                            <li>{{ text }}</li>
-                        </ul>
-                    </cdk-virtual-scroll-viewport>
-                </div>
+            <div class="iqser-input-group" *ngIf="!isImage">
+                <label class="selected-text" [translate]="labelTranslation"></label>
+                <cdk-virtual-scroll-viewport
+                    *ngIf="!!redactedTexts.length && !allRectangles"
+                    [itemSize]="16"
+                    [ngStyle]="{ height: redactedTexts.length <= 5 ? 16 * redactedTexts.length + 'px' : 80 + 'px' }"
+                >
+                    <ul *cdkVirtualFor="let text of redactedTexts">
+                        <li>{{ text }}</li>
+                    </ul>
+                </cdk-virtual-scroll-viewport>
             </div>
 
             <div *ngIf="!isManualRedaction" class="iqser-input-group w-450" [class.required]="!form.controls.type.disabled">
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.scss b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.scss
index 88048539d..a313e2031 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/edit-redaction-dialog/edit-redaction-dialog.component.scss
@@ -8,7 +8,6 @@
 }
 
 cdk-virtual-scroll-viewport {
-    margin-top: 8px;
     @include common-mixins.scroll-bar;
 }
 

From bd0f2e1be3da3e7a77b4c0f25da52cd99f3e22cf Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Fri, 15 Mar 2024 15:06:58 +0200
Subject: [PATCH 2/2] RED-8728: update common ui.

---
 libs/common-ui | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/common-ui b/libs/common-ui
index ecf9c8912..292573f3b 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit ecf9c8912e366fdcc0a454d112c0f3252245666a
+Subproject commit 292573f3b3766a2e2ffef4be6d6b702d779b259e