merge

src/app/pages/agenda/agenda.page.html

@@ -270,7 +270,7 @@
 
                   <div *ngFor="let event of events.value" class="EventListBox"   >
 
-                    <div class="d-flex content-pr-{{event.event.CalendarName}} mt-10 cursor-pointer" (click)="eventClicked(event)">
+                    <div class="d-flex content-pr-{{event.event.CalendarName}} mt-10 cursor-pointer item hover" (click)="eventClicked(event)">
 
                       <div class="schedule-time" *ngIf="!event.event.IsAllDayEvent">
                         <div *ngIf="!event.endMany && !event.middle" class="time-start">{{event.event.StartDate | date: 'HH:mm'}}</div>

src/app/shared/agenda/event-list/event-list.page.scss

@@ -1,10 +1,10 @@
 :host{
-  padding: 30px 20px 0 20px !important;
   margin: 0;
 }
 .header-content{
   overflow: auto;
   margin: 0 auto;
+  padding: 30px 20px 0 20px !important;
 }
 .header-icon-left{
   font-size: 33px;
@@ -20,6 +20,8 @@
 }
 
 .main-content{
+  padding: 0px 20px 0 20px !important;
+
   margin-top: 20px;
   .item{
     --inner-padding-end: 0 !important;
@@ -100,4 +102,4 @@
     margin: 0;
     padding: 0;
   }
-}
+}

src/app/shared/gabinete-digital/events-to-approve/events-to-approve.page.scss

@@ -1,5 +1,4 @@
 :host{
-    padding: 30px 20px 0 20px !important;
     margin: 0;
 }
 .title-container{
@@ -12,6 +11,7 @@
   }
 }
 .title{
+  padding: 30px 20px 0 20px !important;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
@@ -21,6 +21,7 @@
     margin-top: 5px;
   }
   .main-content{
+    padding: 0px 20px 0 20px !important;
     margin-top: 20px;
     .item{
       --inner-padding-end: 0 !important;