From 8723c85d7b9732a2f6cbb3f9615b84a0ac4166cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Thu, 26 Nov 2020 20:40:03 +0200
Subject: [PATCH] Bolder active annotation and page border

---
 .../file-preview-screen/file-preview-screen.component.scss  | 6 +++---
 .../file/page-indicator/page-indicator.component.scss       | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
index 94c6eed1f..76a4067df 100644
--- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
+++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.scss
@@ -86,14 +86,14 @@ redaction-pdf-viewer {
 
             .annotation {
                 border-bottom: 1px solid $separator;
-                padding: 10px;
+                padding: 10px 10px 10px 6px;
                 font-size: 11px;
                 line-height: 14px;
                 cursor: pointer;
                 position: relative;
                 display: flex;
                 flex-direction: column;
-                border-left: 2px solid transparent;
+                border-left: 4px solid transparent;
 
                 .details {
                     display: flex;
@@ -113,7 +113,7 @@ redaction-pdf-viewer {
                 }
 
                 &.active {
-                    border-left: 2px solid $primary;
+                    border-left: 4px solid $primary;
                 }
             }
         }
diff --git a/apps/red-ui/src/app/screens/file/page-indicator/page-indicator.component.scss b/apps/red-ui/src/app/screens/file/page-indicator/page-indicator.component.scss
index 61792a685..8ccf2c3cc 100644
--- a/apps/red-ui/src/app/screens/file/page-indicator/page-indicator.component.scss
+++ b/apps/red-ui/src/app/screens/file/page-indicator/page-indicator.component.scss
@@ -3,16 +3,16 @@
 .page-wrapper {
     color: $grey-1;
     position: relative;
-    padding: 12px;
+    padding: 12px 14px 12px 8px;
     cursor: pointer;
-    border-left: 2px solid transparent;
+    border-left: 4px solid transparent;
 
     &:hover {
         background-color: $grey-2;
     }
 
     &.active {
-        border-left: 2px solid $red-1;
+        border-left: 4px solid $red-1;
     }
 
     mat-icon {