Improve generic components

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

@@ -286,8 +286,8 @@
     <div class="event-details  bg-blue ">
       
       <!-- New -->
-      <app-new-event *ngIf="mobileComponent.showAddNewEvent"
-        style="height: 100%;display: flex;flex-wrap: wrap;"
+      <app-new-event  *ngIf="mobileComponent.showAddNewEvent"
+
 
         [profile]="profile"
         [selectedSegment]=segment
@@ -296,8 +296,7 @@
         
       ></app-new-event>
       <!-- Edit -->
-      <app-edit-event *ngIf="mobileComponent.showEditEvent"
-        style="height: 100%;display: flex;flex-wrap: wrap;"
+      <app-edit-event  *ngIf="mobileComponent.showEditEvent"
         
         [profile]="profile"
         [selectedSegment]="segment"

src/app/pages/agenda/agenda.page.scss

@@ -543,4 +543,28 @@ td.monthview-primary-with-event {
   .event-details{
     display: block;
   }
+}
+
+
+
+
+
+app-view-event{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap-reverse;
+  flex-direction: column;
+}
+
+app-edit-even{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+app-new-event{
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: column;
 }

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

@@ -628,22 +628,25 @@ export class AgendaPage implements OnInit {
 
   openAddEventDismiss(data){
     this.cloneAllmobileComponent();
-    
-    let postEvent: Event = data;
-    if (postEvent.Subject != null)
-    {
-      this.eventSource.push({
-        title: postEvent.Subject,
-        startTime: new Date(postEvent.StartDate),
-        endTime: new Date(postEvent.EndDate),
-        allDay: false,
-        event: postEvent
-      });
-      this.myCal.update();
-      this.myCal.loadEvents();
-      this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
+
+    if(data.type == 'save'){
+      let postEvent: Event = data;
+      if (postEvent.Subject != null)
+      {
+        this.eventSource.push({
+          title: postEvent.Subject,
+          startTime: new Date(postEvent.StartDate),
+          endTime: new Date(postEvent.EndDate),
+          allDay: false,
+          event: postEvent
+        });
+        this.myCal.update();
+        this.myCal.loadEvents();
+        this.loadRangeEvents(this.rangeStartDate, this.rangeEndDate);
+      }
+      this.mobileComponent.showAddNewEvent = false;
     }
-    this.mobileComponent.showAddNewEvent = false;
+
   }
 
   async viewEventDetail(eventId:any) {