From 1171c0d78f2d04494a65c8326acce84877f34ee4 Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Thu, 5 Sep 2024 17:17:32 +0300
Subject: [PATCH] RED-9372: fixed annotation details moving on hover.

---
 .../annotation-details.component.scss                |  2 +-
 .../annotations-list/annotations-list.component.scss | 12 ++----------
 .../structured-component-management.component.scss   |  4 ++++
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotation-details/annotation-details.component.scss b/apps/red-ui/src/app/modules/file-preview/components/annotation-details/annotation-details.component.scss
index 8a2928722..b2bdcbeb9 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotation-details/annotation-details.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotation-details/annotation-details.component.scss
@@ -2,7 +2,7 @@
     display: flex;
     position: absolute;
     top: 6px;
-    right: 19px;
+    right: 8px;
 }
 
 .popover {
diff --git a/apps/red-ui/src/app/modules/file-preview/components/annotations-list/annotations-list.component.scss b/apps/red-ui/src/app/modules/file-preview/components/annotations-list/annotations-list.component.scss
index 1623da0aa..3913c6b0a 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/annotations-list/annotations-list.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/annotations-list/annotations-list.component.scss
@@ -3,21 +3,13 @@
 :host {
     width: 100%;
     position: relative;
-    overflow: hidden;
-
-    &:hover {
-        overflow-y: auto;
-        @include common-mixins.scroll-bar;
-    }
+    overflow-y: auto;
+    @include common-mixins.scroll-bar;
 
     &.has-scrollbar:hover redaction-annotation-wrapper::ng-deep,
     &::ng-deep.documine-wrapper {
         .annotation {
             padding-right: 5px;
         }
-
-        redaction-annotation-details {
-            right: 8px;
-        }
     }
 }
diff --git a/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss b/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
index a7249fb59..ffc3f5364 100644
--- a/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
+++ b/apps/red-ui/src/app/modules/file-preview/components/structured-component-management/structured-component-management.component.scss
@@ -1,3 +1,5 @@
+@use 'common-mixins';
+
 .components-header {
     display: flex;
     flex-direction: row;
@@ -27,6 +29,7 @@ mat-icon {
     overflow-x: hidden;
     overflow-y: scroll;
     height: calc(100% - 40px);
+    @include common-mixins.scroll-bar;
 
     .component-row {
         display: flex;
@@ -47,6 +50,7 @@ mat-icon {
             &:not(:last-child) {
                 border-bottom: 1px solid var(--iqser-separator);
             }
+
             border-bottom: 1px solid var(--iqser-separator);
             margin-right: 13px;
         }