organizee-front/src/app/components/fiche-contact/fiche-contact.component.html

<div class="container">
    <div class="row">
        <div class="col-sm">  
            <button routerLink="../modifier-contact/{{personne.id}}"  class="w-100 btn btn-lg btn-rounded btn-secondary">
                Modifier
            </button>
        </div>
        <div class="col-sm">
            <button class="w-100 btn btn-lg btn-rounded btn-secondary" (click)="onClickDelete(personne.id)">
                Supprimer
            </button>
        </div>
        <div class="row align-items-center">
            <div class="col-md-12">
                
                <div class="row d-flex justify-content-center flex-row">
                <div class= "couleur col-4" [style.background-color]="personne.couleur"></div>
                <span class="fiche-contact col-7" >{{ personne.prenom }} {{ personne.nom }} </span>
                </div>

                <div class="row d-flex justify-content-center flex-row">
                    <img class= "col-4"  style="max-height: 12% ; max-width: 12%" src="../../../assets/images/phone.png"/>
                    <span class="fiche-contact col-7" >{{ personne.telephone }}</span>
                </div>

                <div class="row d-flex justify-content-center flex-row">
                    <img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/logo-gmail.png"/>
                    <span class="fiche-contact col-7" >{{ personne.email }}</span>
                </div>

                <div class="row d-flex justify-content-center flex-row">
                    <img class= "col-4" style="max-height: 12% ; max-width: 12%" src="../../../assets/images/gateau.png"/>
                    <span class="fiche-contact col-7" >{{ personne.dateNaissance }}</span>
                </div>
                
                <div class="row d-flex justify-content-center flex-row">
                <p class="fiche-contact col-7" >{{ personne.adresse }}</p>
                </div>

            </div>
        </div>
        
    </div>
</div>