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 ca68bc707..6d01e04b0 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; @@ -26,6 +28,7 @@ mat-icon { font-size: 12px; overflow: 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-left: 26px; margin-right: 26px;