From 09fd23602203dd663bec2dba32afc5d31c26018c Mon Sep 17 00:00:00 2001
From: Kostya Struga <kennny007@yandex.ru>
Date: Mon, 18 Jul 2022 17:48:58 +0300
Subject: [PATCH] Add more spiner

---
 .../fb-info-card/fb-info-card.component.html       | 14 +++++++-------
 .../components/fb-info-card/fb-info-card.module.ts |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/shared/components/fb-info-card/fb-info-card.component.html b/src/app/shared/components/fb-info-card/fb-info-card.component.html
index 7e7969d..89f9012 100644
--- a/src/app/shared/components/fb-info-card/fb-info-card.component.html
+++ b/src/app/shared/components/fb-info-card/fb-info-card.component.html
@@ -1,11 +1,11 @@
 <mat-card fxLayoutAlign="center">
     <mat-card-content>
-        <h4 fxLayoutAlign="center">{{ headerText }}</h4>
-        <div *ngIf="inProgress | async" fxLayout fxLayoutAlign="center" style="height: 33px; width: 140px">
-            <mat-progress-spinner color="primary" mode="indeterminate" diameter="30"></mat-progress-spinner>
-        </div>
-        <h1 *ngIf="!(inProgress | async)" [class]="type" fxLayoutAlign="center">
-            {{ numberFormat(valueNumber | number: '.1-4') }} {{ units }}
-        </h1>
+        <h4 fxLayoutAlign="center">
+            {{ headerText }}
+            <div *ngIf="inProgress | async" fxLayout fxLayoutAlign="center" style="height: 30px; width: 40px">
+                <mat-progress-spinner color="primary" mode="indeterminate" diameter="20"></mat-progress-spinner>
+            </div>
+        </h4>
+        <h1 [class]="type" fxLayoutAlign="center">{{ numberFormat(valueNumber | number: '.1-4') }} {{ units }}</h1>
     </mat-card-content>
 </mat-card>
diff --git a/src/app/shared/components/fb-info-card/fb-info-card.module.ts b/src/app/shared/components/fb-info-card/fb-info-card.module.ts
index ebbe65f..0c78a9b 100644
--- a/src/app/shared/components/fb-info-card/fb-info-card.module.ts
+++ b/src/app/shared/components/fb-info-card/fb-info-card.module.ts
@@ -2,9 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { FlexModule } from '@angular/flex-layout';
 import { MatCardModule } from '@angular/material/card';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 import { FbInfoCardComponent } from './fb-info-card.component';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 
 @NgModule({
     declarations: [FbInfoCardComponent],