From 12067e19850ac7fbbefaa4cd143bc7138582f0de Mon Sep 17 00:00:00 2001
From: Hugo SUBTIL <ext.sopra.husubtil@grandlyon.com>
Date: Wed, 7 Apr 2021 15:52:02 +0200
Subject: [PATCH] feat(structure-list): add city display on card

---
 .../components/card/card.component.html         | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/app/structure-list/components/card/card.component.html b/src/app/structure-list/components/card/card.component.html
index ca4925051..848615e19 100644
--- a/src/app/structure-list/components/card/card.component.html
+++ b/src/app/structure-list/components/card/card.component.html
@@ -1,19 +1,18 @@
 <div class="structure" fxLayout="column" (click)="cardClicked()" (mouseenter)="cardHover()">
   <div class="headerStructure" fxLayout="row" fxLayoutAlign="space-between center" fxLayoutGap="16px">
-    <span class="structure-name" [ngClass]="{ notClaimed: !isClaimed }">{{ structure.structureName }}</span>
-    <div
-      *ngIf="structure.distance"
-      class="distanceStructure"
-      fxLayout="row"
-      fxLayoutAlign="end center"
-      fxLayoutGap="20px"
-    >
+    <div fxLayout="column" fxLayoutAlign="end">
+      <span class="structure-name" [ngClass]="{ notClaimed: !isClaimed }">{{ structure.structureName }}</span>
+      <span class="typeStructure">{{ structure.getLabelTypeStructure() }}</span>
+    </div>
+    <div class="distanceStructure" fxLayout="column" fxLayoutAlign="none end">
       <div>
+        {{ this.structure.address.commune }}
+      </div>
+      <div *ngIf="structure.distance">
         {{ this.formatDistance() }}
       </div>
     </div>
   </div>
-  <span class="typeStructure">{{ structure.getLabelTypeStructure() }}</span>
   <div fxLayout="row" fxLayoutAlign="none flex-end" fxLayoutGap="7px" *ngIf="structure.hasEquipments()">
     <app-svg-icon
       *ngFor="let equipement of filterOnlyEquipments(structure.equipmentsAndServices)"
-- 
GitLab