From d0e6f325c4558f2cc3ece07ba657816ba71555b2 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Thu, 16 May 2024 13:56:46 +0300
Subject: [PATCH] RED-9012: style adjustments to the edit selected value
 feature.

---
 .../redact-text-dialog.component.html                  |  9 ++++-----
 .../redact-text-dialog.component.scss                  | 10 ++++++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.html
index 25161a316..f2d6315d2 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.html
@@ -25,16 +25,14 @@
                                 [ngStyle]="{ width: maximumTextAreaWidth + 'px' }"
                                 formControlName="selectedText"
                                 iqserHasScrollbar
-                                name="comment"
+                                name="value"
                                 type="text"
                             ></textarea>
 
                             <iqser-circle-button
                                 (action)="toggleEditingSelectedText()"
-                                *ngIf="dictionaryRequest"
-                                [showDot]="initialText !== form.get('selectedText').value && !isEditingSelectedText"
+                                *ngIf="dictionaryRequest && !isEditingSelectedText"
                                 [tooltip]="'redact-text.dialog.content.edit-text' | translate"
-                                [type]="isEditingSelectedText ? 'dark' : 'default'"
                                 [size]="18"
                                 [iconSize]="13"
                                 icon="iqser:edit"
@@ -42,12 +40,13 @@
                             ></iqser-circle-button>
 
                             <iqser-circle-button
-                                (action)="undoTextChange()"
+                                (action)="undoTextChange(); toggleEditingSelectedText()"
                                 *ngIf="isEditingSelectedText"
                                 [showDot]="initialText !== form.get('selectedText').value"
                                 [tooltip]="'redact-text.dialog.content.revert-text' | translate"
                                 [size]="18"
                                 [iconSize]="13"
+                                class="undo-button"
                                 icon="red:undo"
                                 tooltipPosition="below"
                             ></iqser-circle-button>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.scss b/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.scss
index 0b6f2896a..c774426d3 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/redact-text-dialog/redact-text-dialog.component.scss
@@ -14,7 +14,11 @@
 }
 
 iqser-circle-button {
-    padding-left: 8px;
+    padding-left: 10px;
+
+    &.undo-button {
+        margin-left: 8px;
+    }
 }
 
 .w-full {
@@ -25,8 +29,10 @@ iqser-circle-button {
     min-height: 36px;
 }
 
-textarea {
+textarea[name='value'] {
     margin-top: 0;
+    min-height: 0;
+    line-height: 1;
 }
 
 .table {