issue

Em "Correspondências por ler" a lista de correspondências tem as letras e borders muito próximas, e o mesmo é relactivo ao tamanho do assunto da correspondência.

src/app/pages/events/events.page.html

@@ -56,8 +56,8 @@
           
         </div>
         <div class="content">
-          <ul>
-            <li *ngFor="let event of eventsList"
+          <ion-list>
+            <ion-item lines="none" *ngFor="let event of eventsList"
             (click)="viewEventDetail(event.EventId)"
             >
             <div class="d-flex  content-{{profile}}-{{event.CalendarName}}">
@@ -70,9 +70,9 @@
                 <div class="description">{{event.Subject}}</div>
               </div>
             </div>
-            </li>
+            </ion-item>
 
-          </ul>
+          </ion-list>
           <!-- 
           <div class="resume">
             <div class="title">
@@ -100,12 +100,10 @@
           
         </div>
         <div class="content">
-          <ul>
-            <li *ngFor = "let task of expedientList"
+          <ion-list>
+            <ion-item lines="none" *ngFor = "let task of expedientList"
             (click)="viewExpedientDetail(task.serialNumber)">
-           <!--  [routerLink]="['/home/gabinete-digital/expediente']" -->
-            >
-            <div class="d-flex">
+            <div class="item-exp d-flex">
               <div class="schedule-date">
                 <div class="time-end">{{task.taskStartDate | date: 'dd-MM-yy'}}</div>
                 <div class="time-start">{{task.taskStartDate | date: 'HH:mm'}}</div>
@@ -115,9 +113,9 @@
                 <div class="location">{{ task.workflowInstanceDataFields.Sender }}</div>
               </div>
             </div>
-            </li>
+            </ion-item >
 
-          </ul>
+          </ion-list>
         </div>
       </div>
     </div>