From f970e33c5fc457f8ad9529820caaedb2e2024f3a Mon Sep 17 00:00:00 2001
From: gattrCh <gattringerchiara0@gmail.com>
Date: Mon, 3 Jun 2024 10:24:55 +0200
Subject: [PATCH] [Gepardec/mega#749] adapt loading animation

---
 .../feature-monthly-report/bills/bills.component.html       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html b/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
index 712f6c98..ae70c2fa 100644
--- a/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
+++ b/src/app/domains/monthly-report/feature-monthly-report/bills/bills.component.html
@@ -13,10 +13,12 @@
 
   <mat-card-content [class.no-warnings]="!billInfo?.hasAttachmentWarnings && billInfo?.sumBills === 0" >
     <ng-container *ngIf="!billInfo">
-      <ngx-skeleton-loader [theme]="{ width: '250px', 'margin-top': '20px' }" appearance="line"></ngx-skeleton-loader>
+      <ngx-skeleton-loader [theme]="{ height: '46px' }"
+                           appearance="line"></ngx-skeleton-loader>
+      <ngx-skeleton-loader [theme]="{ height: '46px' }"
+                           appearance="line"></ngx-skeleton-loader>
     </ng-container>
 
-
     <ng-container *ngIf="!billInfo?.employeeHasCreditCard && billInfo?.sumBills === 0">
       <app-state-indicator [state]="State.DONE" size="large"></app-state-indicator>
       <p>{{ 'monthly-report.bills.noBillsForThisMonthAvailable' | translate }}</p>