From cc00c92d425744a7e32e1a6e2d49ac5066b99abe Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Thu, 28 Mar 2024 11:33:54 +0200
Subject: [PATCH] RED-8812: changed table styling.

---
 .../remove-redaction-dialog.component.html           |  2 +-
 .../remove-redaction-dialog.component.scss           | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
index 9034e9ed8..e7468fd7a 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.html
@@ -11,7 +11,7 @@
                     <thead>
                         <tr>
                             <th *ngFor="let column of columns()" [ngClass]="{ hide: !column.show }">
-                                <label class="selected-text">{{ column.label }}</label>
+                                <label>{{ column.label }}</label>
                             </th>
                         </tr>
                     </thead>
diff --git a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.scss b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.scss
index 78c516a5c..da4f7c52d 100644
--- a/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/dialogs/remove-redaction-dialog/remove-redaction-dialog.component.scss
@@ -6,6 +6,7 @@
 }
 
 table {
+    padding: 0 13px;
     max-width: 100%;
     min-width: 100%;
     border-spacing: 0;
@@ -18,15 +19,14 @@ table {
     }
 
     tr {
-        max-inline-size: 100%;
+        max-width: 100%;
         min-width: 100%;
         display: table;
 
         th {
-            border-bottom: 1px solid var(--iqser-grey-1);
-
             label {
                 opacity: 0.7;
+                font-weight: normal;
             }
         }
 
@@ -50,6 +50,12 @@ table {
     }
 }
 
+tbody tr:nth-child(odd) {
+    td {
+        background-color: var(--iqser-alt-background);
+    }
+}
+
 .hide {
     visibility: hidden;
 }