From b8fe0bca9068f3cae49c5841c49aff9747ecf11d Mon Sep 17 00:00:00 2001
From: Valentin Mihai <Valentin-Gabriel.Mihai.ext@knecon.com>
Date: Thu, 13 Jun 2024 18:03:18 +0300
Subject: [PATCH] RED-8748 - Integrated component view in DocuMine

---
 .../file-workload/file-workload.component.html         |  2 +-
 .../file-workload/file-workload.component.scss         | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
index 3fb20fb62..af0456568 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
+++ b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.html
@@ -72,7 +72,7 @@
         ></iqser-circle-button>
     </div>
 
-    <div class="annotations-wrapper">
+    <div class="annotations-wrapper" [class.documine-direction]="isDocumine">
         <div
             #quickNavigation
             (keydown)="preventKeyDefault($event)"
diff --git a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
index 86cb091fa..d247435bf 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/file-workload/file-workload.component.scss
@@ -27,6 +27,12 @@
         flex: 1;
         overflow: hidden;
 
+        &.documine-direction {
+            flex-direction: row-reverse;
+            justify-content: space-between;
+            border-left: 1px solid var(--iqser-separator);
+        }
+
         .content {
             overflow: hidden;
             width: 100%;
@@ -56,9 +62,6 @@
                 }
             }
         }
-
-        flex-direction: row-reverse;
-        justify-content: space-between;
     }
 
     .quick-navigation,
@@ -72,7 +75,6 @@
 
     .quick-navigation {
         border-right: 1px solid var(--iqser-separator);
-        border-left: 1px solid var(--iqser-separator);
         min-width: var(--qiuck-navigation-width);
         overflow: hidden;
         display: flex;