Merge branch 'RED-9578' into 'master'

RED-9578: fixed styles.

See merge request redactmanager/red-ui!597

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) {

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 {

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;