Improve responsiveness

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

@@ -37,7 +37,7 @@
   <div class="main-content d-flex height-100">
     <div class="content d-flex flex-column width-100">
       <div class="main-header  d-flex">
-        <div class="title-content d-flex justify-between">
+        <div class="title-content d-flex justify-between width-100">
           <div class="left">
             <button class="btn-no-color d-flex align-center" (click)="close()">
               <ion-icon slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
@@ -93,18 +93,28 @@
         </div>
       
         <div *ngIf="loadedAttachments" class="bottom-content width-100">
-          <ion-list>
-            <h5>Documentos Anexados</h5>
-            <ion-item class="ion-no-margin ion-no-padding"
-            *ngFor="let attach of loadedAttachments" 
-            (click)="viewDocument(attach.SourceId)">
-            <ion-label>
-              <p class="attach-title-item d">{{attach.SourceName}}</p>
-              <p><span class="span-left">{{attach.Stakeholders}}</span><span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span></p>
-            </ion-label>
-          </ion-item>
+          <h5>Documentos Anexados</h5>
+          <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 " >
+                <p class="flex-grow-1"  (click)="viewDocument(attach.SourceId)">
+                  <span class="attach-title-item d-block">{{attach.SourceName}}</span>
+                  <span class="span-left d-block">{{attach.Stakeholders}}</span>
+                </p>
+    
+                <div class="d-flex align-end">
+                  <span class="span-right">{{ attach.CreateDate | date: 'dd-MM-yy' }}</span>
+                </div>
+    
+                <ion-menu-button (click)="docIndex(i)" style="width: 35px; height: 41px;" autoHide="false">
+                  <ion-icon  name="ellipsis-vertical-outline"></ion-icon>
+                </ion-menu-button>
+    
+              </ion-label>
+            </ion-item>
           </ion-list>
         </div>
+        
       </div>
 
     </div>