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>

src/app/pages/events/events.page.scss

@@ -364,17 +364,21 @@ ion-toolbar{
     }
   }
   .content{
-    ul{
+    .item-exp{
+      overflow: auto;
+      padding-top: 5px;
+      padding-bottom: 5px;
+    }
+    ion-list{
       padding: 0px;
       margin: 0px;
       .d-flex{
         width: 100%;
-        height: 40px;
         display: flex;
         justify-content: space-between;
         align-items: center;
       }
-      li{
+      ion-item{
         padding-bottom: 5px;
         margin-top: 5px;
         border-bottom: 1px solid #ebebeb;
@@ -427,7 +431,7 @@ ion-toolbar{
           background-color: #f05d5e;
         }
       }
-      li:last-child{
+      ion-item:last-child{
         border-bottom: unset !important;
         padding-bottom: unset !important;
       }
@@ -462,6 +466,7 @@ ion-toolbar{
   cursor: pointer;
 }
 
+
 @media only screen and (min-width: 804px) {
 
   .schedule:first-child {