Add responsiveness for new event for mobile

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

@@ -466,6 +466,7 @@
       >
       </app-event-list>
 
+      
       <app-approve-event  class="d-flex flex-column" *ngIf="mobileComponent.showEventToApprove" [class.transparent]="mobileComponent.transparentEventToApprove"
         [serialNumber] = "eventToaprove.serialNumber"
         (cloneAllmobileComponent)="viewEventDetailDismiss($event)"

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

@@ -45,7 +45,8 @@ ion-content{
     padding: 15px 20px 0 20px;
 
     .ion-item-container{
-        width: 360px;
+        flex: 1;
+        width: 100%;
         margin: 15px auto;
         border: 1px solid #ebebeb;
         border-radius: 5px;
@@ -62,7 +63,7 @@ ion-content{
         overflow: auto;
       }
       .ion-item-class-2{
-        width: 360px;
+        display: flex;
         margin: 0px auto;
       }
       .ion-icon-class{
@@ -77,18 +78,18 @@ ion-content{
         margin-left: 0;
       }
       .ion-input-class{
-        width: 315px;
         height: 45px;
         border: 1px solid #ebebeb;
         border-radius: 5px;
         padding-left: 5px;
         padding-right: 10px;
         float: left;
+        flex: 1;
       }
       .ion-input-class-no-height{
         border: 1px solid #ebebeb;
         border-radius: 5px;
-        overflow: auto;
+        flex: 1;
       }
       .list-people{
         width: 256px;