From 0de3c2ed48d6f5861ae008eba84757888e7860fe Mon Sep 17 00:00:00 2001
From: Giuseppe Digilio <giuseppe.digilio@4science.it>
Date: Mon, 16 May 2022 16:45:00 +0200
Subject: [PATCH] [CST-5535] Replace icons

---
 .../health-info-component.component.html                    | 6 +++---
 .../health-component/health-component.component.html        | 4 ++--
 .../health-page/health-panel/health-panel.component.html    | 6 +++---
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/health-page/health-info/health-info-component/health-info-component.component.html b/src/app/health-page/health-info/health-info-component/health-info-component.component.html
index 55c1b3372f..8ce7595980 100644
--- a/src/app/health-page/health-info/health-info-component/health-info-component.component.html
+++ b/src/app/health-page/health-info/health-info-component/health-info-component.component.html
@@ -1,13 +1,13 @@
 <ng-container *ngIf="healthInfoComponent && !isPlainProperty(healthInfoComponent)">
   <div class="mb-3 border-bottom" >
-    <div class="w-100 d-flex justify-content-between py-2 mb-0" [class.h4]="!isNested" (click)="collapse.toggle()">
+    <div class="w-100 d-flex justify-content-between py-2 mb-0" (click)="collapse.toggle()">
       <button type="button" class="btn btn-link p-0 " (click)="$event.preventDefault()" [attr.aria-expanded]="!collapse.collapsed"
               aria-controls="collapseExample">
         <span [class.h4]="!isNested">{{ healthInfoComponentName | titlecase }}</span>
       </button>
       <div class="d-inline-block">
-        <span *ngIf="collapse.collapsed" class="fas fa-plus"></span>
-        <span *ngIf="!collapse.collapsed" class="fas fa-minus"></span>
+        <span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
+        <span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
       </div>
     </div>
     <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">
diff --git a/src/app/health-page/health-panel/health-component/health-component.component.html b/src/app/health-page/health-panel/health-component/health-component.component.html
index 8171917767..4569d06dad 100644
--- a/src/app/health-page/health-panel/health-component/health-component.component.html
+++ b/src/app/health-page/health-panel/health-component/health-component.component.html
@@ -6,8 +6,8 @@
         {{ entry.key | titlecase }}
       </button>
       <div class="d-inline-block">
-        <span *ngIf="collapse.collapsed" class="fas fa-plus"></span>
-        <span *ngIf="!collapse.collapsed" class="fas fa-minus"></span>
+        <span *ngIf="collapse.collapsed" class="fas fa-chevron-down"></span>
+        <span *ngIf="!collapse.collapsed" class="fas fa-chevron-up"></span>
       </div>
     </div>
     <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">
diff --git a/src/app/health-page/health-panel/health-panel.component.html b/src/app/health-page/health-panel/health-panel.component.html
index d582fb77f3..eebcfe55ec 100644
--- a/src/app/health-page/health-panel/health-panel.component.html
+++ b/src/app/health-page/health-panel/health-panel.component.html
@@ -1,14 +1,14 @@
 <p class="h2">{{'health-page.status' | translate}} : <ds-health-status [status]="healthResponse.status"></ds-health-status></p>
 <div class="mb-3 border-bottom " *ngFor="let entry of healthResponse.components | dsObjNgFor" data-test="component">
-  <div class="w-100 d-flex justify-content-between py-2 h4 mb-0" (click)="collapse.toggle()">
+  <div class="w-100 d-flex justify-content-between py-2 mb-0" (click)="collapse.toggle()">
     <button type="button" class="btn btn-link p-0 " (click)="$event.preventDefault()" [attr.aria-expanded]="!collapse.collapsed"
             aria-controls="collapseExample">
       <span class="h4">{{ entry.key | titlecase }}</span>
     </button>
     <div class="d-inline-block">
       <span><ds-health-status [status]="entry.value?.status"></ds-health-status></span>
-      <span *ngIf="collapse.collapsed" class="ml-2 fas fa-plus"></span>
-      <span *ngIf="!collapse.collapsed" class="ml-2 fas fa-minus"></span>
+      <span *ngIf="collapse.collapsed" class="ml-2 fas fa-chevron-down"></span>
+      <span *ngIf="!collapse.collapsed" class="ml-2 fas fa-chevron-up"></span>
     </div>
   </div>
   <div #collapse="ngbCollapse" [ngbCollapse]="isCollapsed">