improve agenda

src/app/shared/agenda/approve-event/approve-event.component.html

@@ -1,9 +1,9 @@
-<ion-header class="ion-no-border">
-  <div class="header-content">
+<ion-header class="ion-no-border px-20">
+  <div class="header-content d-flex justify-space-between">
     <div class="header-icon-left">
       <ion-icon (click)="close()" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
     </div>
-    <div class="header-title">
+    <div class="header-title flex-grow-1">
       <label>{{loadedEvent.workflowInstanceDataFields.Subject}}</label>
     </div>
     <div class="header-icon-right">
@@ -37,7 +37,7 @@
 
 <ion-content id="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.workflowInstanceDataFields.Location}}</ion-label>
       </div>

src/app/shared/agenda/approve-event/approve-event.component.scss

@@ -8,8 +8,6 @@ ion-content{
     --height: 225px;
   }
   .header-content{
-    width: 360px;
-    overflow: auto;
     margin: 25px auto;
   }
   .header-icon-left{
@@ -19,7 +17,6 @@ ion-content{
     float: left;
   }
   .header-title{
-    width: 264px;
     font-family: Roboto;
     font-size: 25px;
     margin: 0 5px 0 5px;
@@ -31,18 +28,14 @@ ion-content{
     width: 45px;
     font-size: 45px;
     float: left;
-    overflow: auto;
   }
   .upper-content{
     margin-left: 50px;
-    overflow: auto;
     font-size: 18px;
   
     .content-location{
-      width: 360px;
       margin: 0 auto;
       padding: 0;
-      overflow: auto;
     }
   
     .location-detail{