Fixe Attendess border and add Button to add and delete

src/app/shared/event/attendee-modal/attendee-modal.page.html

@@ -12,7 +12,7 @@
     <ion-list lines="none"  class="flex-grow-1 overflow-y-auto height-100" >
       <ion-item-sliding class="px-20">
         <div *ngFor="let attendee of contacts;">
-          <ion-item (click)="selectContact(attendee)" *ngIf="filterSearchList(attendee)" >
+          <ion-item *ngIf="filterSearchList(attendee)" >
             <div class="pr-10">
               <ion-icon class="font-35" src="assets/images/icons-userprofile.svg"></ion-icon>
             </div>
@@ -20,6 +20,9 @@
               <h3>{{ attendee.Name }}</h3>
               <p>{{ attendee.EmailAddress }}</p>
             </ion-label>
+            <div (click)="selectContact(attendee)">
+              <ion-icon class="font-35" src="assets/images/icons-add-25.svg"></ion-icon>
+            </div>
           </ion-item>
         </div>
 
@@ -27,7 +30,6 @@
     </ion-list>
     <hr/>
 
-    
     <ion-list lines="none" *ngIf="taskParticipants.length >= 1 && adding == 'intervenient' " class="flex-grow-1 overflow-y-auto height-100 pb-0" >
       <div  class="px-20 font-15 pt-20" style="border-top:1px solid #ebebeb;font-weight: 500;" *ngIf="taskParticipants.length >= 1 || taskParticipantsCc.length >= 1"  > Destinatário</div> 
       <ion-item-sliding class="px-20"> 
@@ -39,8 +41,8 @@
             <h3>{{ attendee.Name }}</h3>
             <p>{{ attendee.EmailAddress }}</p>
           </ion-label>
-          <div style="color:red" (click)="remove(attendee)">
-            X
+          <div  (click)="remove(attendee)">
+            <ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
           </div>
         </ion-item>
       </ion-item-sliding>
@@ -57,8 +59,8 @@
             <h3>{{ attendee.Name }}</h3>
             <p>{{ attendee.EmailAddress }}</p>
           </ion-label>
-          <div style="color:red" (click)="remove(attendee)">
-            X
+          <div  (click)="remove(attendee)">
+            <ion-icon class="font-35" src="assets/images/icons-delete-25.svg"></ion-icon>
           </div>
         </ion-item>
       </ion-item-sliding>

src/app/shared/event/attendees/attendees.page.scss

@@ -1,6 +1,4 @@
-ion-item-group{
-    margin: 15px;
-}
+
 ion-item{
     border-bottom:1px solid #ccc;
 }