FIX #20777 TIME 0:05 fix css

src/frontend/app/document/document.component.html

@@ -46,8 +46,8 @@
 </ion-toolbar>
 <ion-toolbar class="ion-text-center" color="danger" *ngIf="mainDocument.id !== 0 && mainDocument.status === 'CONVERTING'">
     <div class="loading" style="display:flex;height:100%;">
-        <ion-spinner name="dots" color="light" style="left: 530px; top: 12px;"></ion-spinner>
         <ion-label class="loadingMsg">{{'lang.convertingDocument' | translate}}</ion-label>
+        <ion-spinner name="dots" color="light" style="padding-top: 6.5%;"></ion-spinner>
     </div>
 </ion-toolbar>
 <ion-toolbar class="ion-text-center" color="danger" *ngIf="mainDocument.id !== 0 && mainDocument.status === 'ERROR'">

src/frontend/app/document/document.component.scss

@@ -413,8 +413,9 @@ button.disabled {
 .loading {
     display: flex;
     position: absolute;
+    justify-content: center;
     top: 0;
-    left: 20px !important;
+    left: 0px;
     width: 100%;
     height: 100%;
     z-index: 2;
@@ -422,9 +423,8 @@ button.disabled {
 }
 
 .loadingMsg {
-    position: absolute;
-    top: 17px;
-    left: 280px;
+    padding: 2%;
     color: var(--ion-color-light);
     font-weight: bold;
+    margin-right: -5px;
 }