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>