From fcf159d091763f451507b2d3b2b0fc7353362591 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Wed, 2 Oct 2024 14:32:57 +0300
Subject: [PATCH] RED-9578: fixed styles.

---
 .../selected-annotations-table.component.html                | 4 +++-
 .../selected-annotations-table.component.scss                | 5 +++++
 .../approve-warning-details.component.scss                   | 2 +-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.html b/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.html
index 86c807318..a801712b9 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.html
@@ -1,6 +1,8 @@
 <div [ngStyle]="gridConfig()" class="table">
     @for (column of _columns(); track column.label) {
-        <div [ngClass]="{ hide: !!column.hide }" class="col cell">{{ column.label }}</div>
+        <div [ngClass]="{ hide: !!column.hide }" class="col cell">
+            <label>{{ column.label }}</label>
+        </div>
     }
     @for (row of _data(); track $index) {
         @for (cell of row; track cell.label) {
diff --git a/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.scss b/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.scss
index e3e006557..4c49205c1 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/selected-annotations-table/selected-annotations-table.component.scss
@@ -12,6 +12,11 @@
         top: 0;
         z-index: 1;
         background: white;
+
+        label {
+            opacity: 0.7;
+            font-weight: normal;
+        }
     }
 
     .cell {
diff --git a/apps/red-ui/src/app/modules/shared/components/approve-warning-details/approve-warning-details.component.scss b/apps/red-ui/src/app/modules/shared/components/approve-warning-details/approve-warning-details.component.scss
index 7b5d3cd12..edae56a05 100644
--- a/apps/red-ui/src/app/modules/shared/components/approve-warning-details/approve-warning-details.component.scss
+++ b/apps/red-ui/src/app/modules/shared/components/approve-warning-details/approve-warning-details.component.scss
@@ -2,10 +2,10 @@
 
 :host {
     height: 250px;
+    margin-bottom: 16px;
 }
 
 .scrollable {
-    margin-bottom: 8px;
     overflow-y: auto;
     max-height: 240px;
     @include common-mixins.scroll-bar;