Add view event modal

src/app/pages/agenda/agenda.page.ts

@@ -213,7 +213,8 @@ export class AgendaPage implements OnInit {
     this.showEventEditOrOpen = 'edit';
 
     if( window.innerWidth <= 1024){
-      this.router.navigate(["/home/agenda", event.id, 'agenda']);
+      this.viewEventDetail(event.id)
+      //this.router.navigate(["/home/agenda", event.id, 'agenda']);
     } else {
       this.cloneAllmobileComponent();
 
@@ -222,6 +223,8 @@ export class AgendaPage implements OnInit {
 
   }
 
+
+
   //Show information of the event
   async onEventSelected(ev: { event: Event}){
     this.viewEventDetail(ev.event.EventId);

src/app/pages/agenda/new-event/new-event.page.scss

@@ -18,10 +18,9 @@ ion-content{
     transform: translate3d(0, 1px, 0);
     
     .title-content{
-      width: 360px;
+      padding: 0px 20px;
       margin: 0px auto;
       overflow: auto;
-      padding: 0 !important;
       background: #fff;
        .middle{
         padding: 0!important;

src/app/pages/agenda/view-event/view-event.page.scss

@@ -25,10 +25,9 @@ ion-menu{
     transform: translate3d(0, 1px, 0);
     
     .title-content{
-      width: 360px;
+      padding: 0px 20px;
       margin: 0px auto;
       overflow: auto;
-      padding: 0 !important;
       background: #fff;
 
       .left{