Remove white space from ion-item

Question

I have a list of items searched dynamically from the database

 <ion-list *ngFor="let associado of associados" class="card-pessoa" no-padding>  
<ion-item no-padding class="card-pessoa">
 <ion-thumbnail item-start class="pessoa"> 
 <img src="assets/imgs/pessoa.png"> 
 </ion-thumbnail>
 <div class="nome-associado">{{associado.nom_associado}}</div>   
 <div class="cargo-empresa">{{associado.cargo_empresa}}</div>   
 <div class="nome-fantasia">{{associado.nom_fantasia}}</div>    
 <div class="cargo-comite">{{associado.cargo_comite}}</div>    
</ion-item>

I would like to know how to remove this white space between the list items. I searched but no results, so I decided to ask for help here :)

Answer 1

Change the *ngFor to the <ion-item>. Is in the <ion-list>.

<ion-list class="card-pessoa" no-padding>  
    <ion-item *ngFor="let associado of associados" no-padding class="card-pessoa">
        <ion-thumbnail item-start class="pessoa"> 
            <img src="assets/imgs/pessoa.png"> 
        </ion-thumbnail>
        <div class="nome-associado">{{associado.nom_associado}}</div>   
        <div class="cargo-empresa">{{associado.cargo_empresa}}</div>   
        <div class="nome-fantasia">{{associado.nom_fantasia}}</div>    
        <div class="cargo-comite">{{associado.cargo_comite}}</div>    
    </ion-item>
</ion-list>