Improve responsiveness and add doc to task

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

@@ -35,7 +35,7 @@
 
 <ion-header  class="ion-no-border">
   <ion-toolbar class="header-toolbar">
-    <div class="main-header px-20">
+    <div class="main-header px-20" style="overflow: unset !important;">
       <div class="title-content d-flex"  >
         <div class="left">
           <button class="btn-no-color" (click)="close()">
@@ -46,7 +46,7 @@
           <ion-label class="title">{{loadedEvent.Subject}}</ion-label>
         </div>
 
-        <div class="div-icon">
+        <div class="div-icon d-flex">
           <button class="btn-no-color" (click)="editEvent()">
             <ion-icon class="edit" slot="end" src="assets/images/icons-edit.svg" ></ion-icon>
           </button>
@@ -102,10 +102,10 @@
       <ion-list class="width-100">
         <ion-item *ngFor="let attach of loadedAttachments; let i = index" class="width-100" lines="none" class="ion-no-margin ion-no-padding">
           <ion-label class="width-100 d-flex " >
-            <div class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
-              <p class="attach-title-item">{{attach.SourceName}}</p>
+            <p class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
+              <span class="attach-title-item">{{attach.SourceName}}</span>
               <span class="span-left">{{attach.Stakeholders}}</span>
-            </div>
+            </p>
 
             <div class="d-flex align-end">
               <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>

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

@@ -19,7 +19,6 @@ ion-menu{
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     background-color: #fff;
-    overflow:hidden;
     padding: 30px 0px 0px 0px;
     color:#000;
     transform: translate3d(0, 1px, 0);
@@ -36,7 +35,6 @@ ion-menu{
         overflow: hidden;
       }
       .middle{
-          width: 230px;
           padding: 0!important;
           float: left;
           margin: 2.5px 0 0 0;
@@ -45,12 +43,10 @@ ion-menu{
         width: 45px;
         font-size: 45px;
         float: right;
-        overflow: auto;
+
       }
       .div-icon{
-        width: 92px;
         float: right;
-        overflow: auto;
         padding: 1px;
       }
       .div-icon .edit{
@@ -87,7 +83,7 @@ ion-menu{
           width: 100%;
           margin: 0 auto;
           padding: 0;
-          overflow: auto;
+
 
           .date{
             float: left;