From 751916b603410f93395f7f0ef53d3f4860ce08a4 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Fri, 16 Apr 2021 14:40:43 +0100
Subject: [PATCH] Add responsiveness  for new event for mobile

---
 src/app/pages/agenda/agenda.page.html              | 1 +
 src/app/pages/agenda/new-event/new-event.page.scss | 9 +++++----
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/pages/agenda/agenda.page.html b/src/app/pages/agenda/agenda.page.html
index a08be14a4..80ebd92f0 100644
--- a/src/app/pages/agenda/agenda.page.html
+++ b/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)"
diff --git a/src/app/pages/agenda/new-event/new-event.page.scss b/src/app/pages/agenda/new-event/new-event.page.scss
index 2d1ca8abb..2879f6af0 100644
--- a/src/app/pages/agenda/new-event/new-event.page.scss
+++ b/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;