Added style to modal attendess

src/app/pages/events/attendee-modal/attendee-modal.page.html

@@ -2,26 +2,24 @@
   <ion-toolbar>
     <ion-title>Adicionar intervenientes</ion-title>
   </ion-toolbar>
-  <ion-searchbar [(ngModel)]="searchCountryString" (ionChange)="onChange($event)" placeholder="Search"></ion-searchbar>
+  <ion-searchbar [(ngModel)]="searchCountryString" (ionChange)="onChange($event)" placeholder="Pesquisar"></ion-searchbar>
   <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
 </ion-header>
 
 <ion-content>
+  <ion-item-group>
   <ion-list>
     <ion-item-sliding>
-      <ion-item lines="none" *ngFor="let attendee of contacts">
+      <ion-item *ngFor="let attendee of contacts">
         <ion-checkbox slot="end" [disabled]="isCheckboxDisabled" (ionChange)="selectContact(attendee)"></ion-checkbox>
-        <div class="div-item">
-          <div class="div-up">
-            <div class="div-content-attachment">
-              <h3>{{ attendee.Name }}</h3>
-              <p>{{ attendee.EmailAddress }}</p>
-            </div>
-          </div>
-        </div>
+        <ion-label>
+          <h3>{{ attendee.Name }}</h3>
+          <p>{{ attendee.EmailAddress }}</p>
+        </ion-label>
       </ion-item>
     </ion-item-sliding>
   </ion-list>
+</ion-item-group>
 </ion-content>
 <ion-footer class="ion-no-border">
   <ion-toolbar color="primary">

src/app/pages/events/attendee-modal/attendee-modal.page.scss

@@ -0,0 +1,6 @@
+ion-item-group{
+    margin: 15px;
+  }
+ion-searchbar{
+    --border-radius: 20px;
+}

src/app/pages/events/event-detail/event-detail.page.scss

@@ -1,3 +1,6 @@
+ion-item-group{
+  margin: 15px;
+}
 .div-item{
   width: 100%;
   overflow: auto;
@@ -34,10 +37,7 @@
   color: #666666;
   font-size: 20px;
 }
-ion-item-group{
-  margin: 15px;
 
-}
 .btn-attach{
   margin: 15px 0 0 0;
   --color: #333;