Improve calendar page

src/app/shared/agenda/view-event/view-event.page.html

@@ -1,11 +1,11 @@
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
-    <div class="main-header">
-      <div class="title-content">
+    <div class="main-header px-20">
+      <div class="title-content d-flex"  >
         <div class="left">
           <ion-icon (click)="close()" slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
         </div>
-        <div class="middle">
+        <div class="middle flex-grow-1">
           <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
         </div>
         <div class="div-icon">
@@ -20,7 +20,7 @@
 <ion-content>
   <div class="main-content">
     <div class="upper-content">
-      <div class="content-location">
+      <div class="content-location d-flex justify-space-between">
         <div class="location-detail">
           <ion-label >{{loadedEvent.Location}}</ion-label>
         </div>

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

@@ -25,7 +25,6 @@ ion-menu{
     transform: translate3d(0, 1px, 0);
     
     .title-content{
-      width: 360px;
       margin: 0px auto;
       overflow: auto;
       padding: 0 !important;
@@ -91,25 +90,21 @@ ion-menu{
           width: 100%;
           margin: 0 auto;
           padding: 0;
-          overflow: auto;
         }
       
         .location-detail{
-          width: 210px;
           font-weight: 700;
           font-size: 18px;
           float: left;
           margin: 5px 5px 5px 0px;
         }
         .button-mdgpr-Oficial{
-            width: 91px;
             --border-radius: 20px;
             --background: #ffb703;
             margin-left: 5px;
             float: left;
         }
         .button-mdgpr-Pessoal{
-          width: 91px;
           --border-radius: 20px;
           --background: #f05d5e;
           margin-left: 5px;
@@ -153,7 +148,6 @@ ion-menu{
       }
       
       .bottom-content{
-        width: 360px;
         margin: 0 auto;
         
         .bottom-content h3{

src/app/shared/agenda/view-event/view-event.page.ts

@@ -55,6 +55,12 @@ export class ViewEventPage implements OnInit {
     this.getAttachments();
     
   }
+  
+  ngOnChanges(changes: any): void {
+    this.loadEvent();
+    this.getAttachments();
+  }
+
   close(){
     console.log(this.isEventEdited);