From 4e90440d4d048ea3ea797059006d0b84f50d0079 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 8 Apr 2021 19:39:27 +0300
Subject: [PATCH] Renamed left-container to content-container

---
 .../downloads-list-screen.component.html      |  2 +-
 .../downloads-list-screen.component.scss      |  2 +-
 .../screens/audit/audit-screen.component.html |  2 +-
 .../screens/audit/audit-screen.component.scss |  2 +-
 .../default-colors-screen.component.html      |  2 +-
 .../default-colors-screen.component.scss      |  2 +-
 .../dictionary-listing-screen.component.html  |  2 +-
 .../dictionary-listing-screen.component.scss  |  2 +-
 .../dictionary-overview-screen.component.html |  2 +-
 .../dictionary-overview-screen.component.scss |  2 +-
 .../digital-signature-screen.component.html   |  4 +--
 .../digital-signature-screen.component.scss   |  4 +--
 ...ttributes-csv-import-dialog.component.html |  2 +-
 ...ttributes-csv-import-dialog.component.scss |  2 +-
 ...e-attributes-listing-screen.component.html |  2 +-
 ...e-attributes-listing-screen.component.scss |  2 +-
 .../license-information-screen.component.html |  2 +-
 .../license-information-screen.component.scss |  2 +-
 .../rule-sets-listing-screen.component.html   |  2 +-
 .../rule-sets-listing-screen.component.scss   |  2 +-
 .../smtp-config-screen.component.html         |  2 +-
 .../smtp-config-screen.component.scss         |  2 +-
 .../user-listing-screen.component.html        |  2 +-
 .../user-listing-screen.component.scss        |  2 +-
 .../watermark/watermark-screen.component.html |  2 +-
 .../watermark/watermark-screen.component.scss |  2 +-
 .../file-preview-screen.component.html        | 29 +++++++++----------
 .../file-preview-screen.component.scss        |  2 +-
 .../project-listing-screen.component.html     |  2 +-
 .../project-listing-screen.component.scss     |  2 +-
 .../project-overview-screen.component.html    |  4 +--
 .../project-overview-screen.component.scss    |  2 +-
 .../src/assets/styles/red-page-layout.scss    |  2 +-
 33 files changed, 48 insertions(+), 51 deletions(-)

diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
index a5447c1df..2c7929dc1 100644
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.html
@@ -6,7 +6,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <span class="all-caps-label">
                     {{ 'downloads-list.table-header.title' | translate: { length: fileDownloadService.downloads.length } }}
diff --git a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
index dc3cb572b..f37816eb9 100644
--- a/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
+++ b/apps/red-ui/src/app/components/downloads-list-screen/downloads-list-screen.component.scss
@@ -1,4 +1,4 @@
-.left-container {
+.content-container {
     width: 100vw;
 
     cdk-virtual-scroll-viewport {
diff --git a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
index fe6f31a46..93aff27aa 100644
--- a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.html
@@ -14,7 +14,7 @@
         </div>
     </div>
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <span class="all-caps-label">
                     {{ 'audit-screen.table-header.title' | translate: { length: logs?.totalHits || 0 } }}
diff --git a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.scss
index d0c85b8cf..f67c74342 100644
--- a/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/audit/audit-screen.component.scss
@@ -1,4 +1,4 @@
-.left-container {
+.content-container {
     width: 100vw;
 
     .header-item {
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
index f2eecf50f..dfcbf457f 100644
--- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.html
@@ -12,7 +12,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <span class="all-caps-label">
                     {{ 'default-colors-screen.table-header.title' | translate: { length: colors.length } }}
diff --git a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss
index caf00513b..2379ca3d7 100644
--- a/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/default-colors/default-colors-screen.component.scss
@@ -1,4 +1,4 @@
-.left-container {
+.content-container {
     width: 100vw;
 
     cdk-virtual-scroll-viewport {
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
index 695d1740e..52aad4807 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.html
@@ -12,7 +12,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div *ngIf="dictionaries.length === 0" class="empty-state">
                 <mat-icon svgIcon="red:dictionary"></mat-icon>
                 <div class="heading-l" translate="dictionary-listing.no-data.title"></div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss
index 99b012114..ecc1ef86c 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-listing/dictionary-listing-screen.component.scss
@@ -21,7 +21,7 @@ redaction-table-col-name::ng-deep {
     }
 }
 
-.left-container {
+.content-container {
     width: calc(100vw - 353px);
 
     cdk-virtual-scroll-viewport {
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
index dc0f181d7..f1eda64f4 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.html
@@ -51,7 +51,7 @@
     </div>
 
     <div class="flex red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="actions-bar">
                 <div class="red-input-group w-450 mr-32">
                     <input
diff --git a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss
index 41a68ad89..34d713eec 100644
--- a/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/dictionary-overview/dictionary-overview-screen.component.scss
@@ -19,7 +19,7 @@
     }
 }
 
-.left-container {
+.content-container {
     width: calc(100vw - 353px);
     padding: 15px;
     @include inset-shadow;
diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
index 7260d8bf5..2b1157479 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.html
@@ -15,8 +15,8 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
-            <div class="left-container-content">
+        <div class="content-container">
+            <div class="content-container-content">
                 <form [formGroup]="digitalSignatureForm" (keyup)="formChanged()" autocomplete="off" *ngIf="digitalSignatureForm">
                     <input #fileInput (change)="fileChanged($event, fileInput)" hidden class="file-upload-input" type="file" />
 
diff --git a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
index 0234418a4..70c529036 100644
--- a/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/digital-signature/digital-signature-screen.component.scss
@@ -1,11 +1,11 @@
 @import '../../../../../assets/styles/red-mixins';
 @import '../../../../../assets/styles/red-variables';
 
-.left-container {
+.content-container {
     width: 100vw;
     @include inset-shadow;
 
-    .left-container-content {
+    .content-container-content {
         margin: 20px;
     }
 }
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
index 0e42db679..58c67ce1e 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.html
@@ -96,7 +96,7 @@
                     </ng-container>
                 </div>
             </div>
-            <div class="left-container">
+            <div class="content-container">
                 <div class="header-item">
                     <div class="select-all-container">
                         <div
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
index 7bd4a3e11..4018fe05b 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-csv-import-dialog/file-attributes-csv-import-dialog.component.scss
@@ -152,7 +152,7 @@
         border-right: 1px solid $separator;
     }
 
-    > .left-container {
+    > .content-container {
         width: 100%;
 
         redaction-table-col-name::ng-deep {
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
index 213485478..2ceed9c98 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.html
@@ -10,7 +10,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <div class="select-all-container">
                     <div
diff --git a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
index b8cf414e0..54a860447 100644
--- a/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/file-attributes-listing/file-attributes-listing-screen.component.scss
@@ -13,7 +13,7 @@ redaction-table-col-name::ng-deep {
     }
 }
 
-.left-container {
+.content-container {
     width: 100vw;
 
     .header-item {
diff --git a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
index d1122b62e..c940ccbc6 100644
--- a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.html
@@ -16,7 +16,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="grid-container">
                 <div class="row">
                     <div translate="license-info-screen.backend-version"></div>
diff --git a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss
index 4e08ae65d..afa5c1d69 100644
--- a/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/license-information/license-information-screen.component.scss
@@ -1,7 +1,7 @@
 @import '../../../../../assets/styles/red-mixins';
 @import '../../../../../assets/styles/red-variables';
 
-.left-container {
+.content-container {
     width: 100vw;
     @include inset-shadow;
     overflow: auto;
diff --git a/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.html
index d61ce8d6e..dbf71c054 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.html
@@ -25,7 +25,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <div class="select-all-container">
                     <div
diff --git a/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.scss
index 9eba988fc..fbddcbde4 100644
--- a/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/rule-sets-listing/rule-sets-listing-screen.component.scss
@@ -11,7 +11,7 @@ redaction-table-col-name::ng-deep {
     }
 }
 
-.left-container {
+.content-container {
     width: 100vw;
 
     cdk-virtual-scroll-viewport {
diff --git a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
index 2d5775a1f..710f9a660 100644
--- a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.html
@@ -15,7 +15,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="overlay-shadow"></div>
             <div class="dialog">
                 <div class="dialog-header">
diff --git a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss
index 3447b574d..5e8fac9f7 100644
--- a/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/smtp-config/smtp-config-screen.component.scss
@@ -1,7 +1,7 @@
 @import '../../../../../assets/styles/red-variables';
 @import '../../../../../assets/styles/red-mixins';
 
-.left-container {
+.content-container {
     width: 100vw;
     background-color: $grey-2;
     display: flex;
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
index 3b20c9a98..7db7f95d2 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.html
@@ -23,7 +23,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container" [class.extended]="collapsedDetails">
+        <div class="content-container" [class.extended]="collapsedDetails">
             <div class="header-item">
                 <div class="select-all-container">
                     <div
diff --git a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
index d1014fc34..31f73c518 100644
--- a/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/user-listing/user-listing-screen.component.scss
@@ -1,4 +1,4 @@
-.left-container {
+.content-container {
     width: calc(100vw - 353px);
 
     .header-item {
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
index d4c0ca1ff..cde10d956 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.html
@@ -10,7 +10,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="overlay-shadow"></div>
             <div #viewer class="viewer"></div>
             <div class="changes-box" *ngIf="changed && permissionsService.isAdmin()">
diff --git a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
index e046b3aef..ff31b223f 100644
--- a/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
+++ b/apps/red-ui/src/app/modules/admin/screens/watermark/watermark-screen.component.scss
@@ -9,7 +9,7 @@
     flex-direction: row-reverse;
 }
 
-.left-container {
+.content-container {
     width: calc(100vw - 353px);
 
     .viewer {
diff --git a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html
index 3efa6f1c4..5adc3ea96 100644
--- a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html
+++ b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.html
@@ -30,27 +30,25 @@
         </div>
 
         <div class="page-title">
-            <span *ngIf="!permissionsService.canPerformAnnotationActions()" class="pill"
-                  translate="readonly-pill"></span>
+            <span *ngIf="!permissionsService.canPerformAnnotationActions()" class="pill" translate="readonly-pill"></span>
         </div>
 
         <div *ngIf="viewReady" class="flex-1 actions-container">
             <ng-container *ngIf="!appStateService.activeFile.isExcluded">
                 <redaction-status-bar
                     [config]="[
-                    {
-                        length: 1,
-                        color: appStateService.activeFile.status
-                    }
-                ]"
+                        {
+                            length: 1,
+                            color: appStateService.activeFile.status
+                        }
+                    ]"
                     [small]="true"
                 >
                 </redaction-status-bar>
                 <div class="all-caps-label mr-16 ml-8">
                     {{ appStateService.activeFile.status | translate }}
-                    <span
-                        *ngIf="appStateService.activeFile.status === 'UNDER_REVIEW' || appStateService.activeFile.status === 'UNDER_APPROVAL'"
-                    >{{ 'by' | translate }}:</span
+                    <span *ngIf="appStateService.activeFile.status === 'UNDER_REVIEW' || appStateService.activeFile.status === 'UNDER_APPROVAL'"
+                        >{{ 'by' | translate }}:</span
                     >
                 </div>
 
@@ -62,7 +60,9 @@
                     ></redaction-initials-avatar>
                     <div
                         (click)="editingReviewer = true"
-                        *ngIf="!editingReviewer && !appStateService.activeFile.currentReviewer && permissionsService.canAssignReviewer(appStateService.activeFile)"
+                        *ngIf="
+                            !editingReviewer && !appStateService.activeFile.currentReviewer && permissionsService.canAssignReviewer(appStateService.activeFile)
+                        "
                         class="assign-reviewer pointer"
                         translate="file-preview.assign-reviewer"
                     ></div>
@@ -190,7 +190,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="overlay-shadow"></div>
             <redaction-pdf-viewer
                 (keyUp)="handleKeyEvent($event)"
@@ -208,10 +208,7 @@
         </div>
 
         <div class="right-container">
-            <redaction-disabled-for-redaction
-                *ngIf="viewReady && appStateService.activeFile.isExcluded"
-            >
-            </redaction-disabled-for-redaction>
+            <redaction-disabled-for-redaction *ngIf="viewReady && appStateService.activeFile.isExcluded"> </redaction-disabled-for-redaction>
 
             <redaction-document-info
                 *ngIf="viewReady && viewDocumentInfo"
diff --git a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.scss b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.scss
index a2206297a..e500c3517 100644
--- a/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.scss
+++ b/apps/red-ui/src/app/modules/projects/screens/file-preview-screen/file-preview-screen.component.scss
@@ -20,7 +20,7 @@
     min-width: fit-content;
 }
 
-.left-container {
+.content-container {
     position: relative;
     width: calc(100vw - 350px);
 }
diff --git a/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.html b/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.html
index 7d0bd5174..781b11cdb 100644
--- a/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.html
+++ b/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.html
@@ -45,7 +45,7 @@
     </div>
 
     <div class="red-content-inner">
-        <div class="left-container">
+        <div class="content-container">
             <div class="header-item">
                 <span class="all-caps-label">
                     {{ 'project-listing.table-header.title' | translate: { length: displayedProjects.length || 0 } }}
diff --git a/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.scss b/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.scss
index d9b0fe708..5f0223e31 100644
--- a/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.scss
+++ b/apps/red-ui/src/app/modules/projects/screens/project-listing-screen/project-listing-screen.component.scss
@@ -1,7 +1,7 @@
 @import '../../../../../assets/styles/red-mixins';
 @import '../../../../../assets/styles/red-variables';
 
-.left-container {
+.content-container {
     cdk-virtual-scroll-viewport {
         ::ng-deep.cdk-virtual-scroll-content-wrapper {
             grid-template-columns: 2fr 1fr 1fr auto 11px;
diff --git a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
index 810915b03..8a66a3fc2 100644
--- a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
+++ b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.html
@@ -82,7 +82,7 @@
         </div>
     </div>
     <div class="red-content-inner">
-        <div class="left-container" [class.extended]="collapsedDetails">
+        <div class="content-container" [class.extended]="collapsedDetails">
             <div *ngIf="!appStateService.activeProject?.hasFiles" class="empty-state">
                 <mat-icon svgIcon="red:document"></mat-icon>
                 <div class="heading-l" translate="project-overview.no-data.title"></div>
@@ -175,7 +175,7 @@
                         [class.pointer]="permissionsService.canOpenFile(fileStatus)"
                         [routerLink]="fileLink(fileStatus)"
                         class="table-item"
-                        [class.disabled]='fileStatus.isExcluded'
+                        [class.disabled]="fileStatus.isExcluded"
                     >
                         <div class="pr-0" (click)="toggleFileSelected($event, fileStatus)">
                             <div *ngIf="!isFileSelected(fileStatus)" class="select-oval"></div>
diff --git a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss
index 5dbd733dc..dd6c59430 100644
--- a/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss
+++ b/apps/red-ui/src/app/modules/projects/screens/project-overview-screen/project-overview-screen.component.scss
@@ -72,7 +72,7 @@ cdk-virtual-scroll-viewport {
     }
 }
 
-.left-container {
+.content-container {
     width: calc(100vw - 375px);
 }
 
diff --git a/apps/red-ui/src/assets/styles/red-page-layout.scss b/apps/red-ui/src/assets/styles/red-page-layout.scss
index 9d8de2063..a97309330 100644
--- a/apps/red-ui/src/assets/styles/red-page-layout.scss
+++ b/apps/red-ui/src/assets/styles/red-page-layout.scss
@@ -80,7 +80,7 @@ body {
     z-index: 1;
     transition: height ease-in-out 0.2s;
 
-    .left-container {
+    .content-container {
         .overlay-shadow {
             @include inset-shadow;
             position: fixed;