From 3e094aba5b3cf356d7971bdc67fd87c2798342ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Mon, 18 Jan 2021 20:55:00 +0200
Subject: [PATCH] Moved search progress spinner

---
 .../screens/file/pdf-viewer/pdf-viewer.component.html  |  2 +-
 .../screens/file/pdf-viewer/pdf-viewer.component.scss  | 10 ++++++++--
 apps/red-ui/src/assets/i18n/en.json                    |  3 ++-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html
index 20289a70b..36cb89b06 100644
--- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html
+++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.html
@@ -2,4 +2,4 @@
     <div #viewer [id]="fileStatus.fileId" class="viewer"></div>
 </div>
 
-<mat-spinner class="searching" *ngIf="searching" diameter="20"></mat-spinner>
+<div class="searching" *ngIf="searching"><span translate="pdf-viewer.search-in-progress"></span><mat-spinner diameter="20"></mat-spinner></div>
diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss
index af86d5f27..fa75a03a3 100644
--- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss
+++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.scss
@@ -11,6 +11,12 @@
 
 .searching {
     position: absolute;
-    bottom: 30px;
-    right: 30px;
+    top: 9px;
+    right: 60px;
+    display: flex;
+    align-items: center;
+
+    mat-spinner {
+        margin-left: 15px;
+    }
 }
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index 46b3ce3e6..9d5979132 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -39,7 +39,8 @@
             "actions": {
                 "search": "Search for selection"
             }
-        }
+        },
+        "search-in-progress": "Search in progress..."
     },
     "common": {
         "close": "Close View",