Improve responsiveness and improve search

src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.html

@@ -100,19 +100,23 @@
         </ion-label>
       </div>
 
-      <div *ngIf="loadedAttachments">
-        <ion-item>
-          <ion-label>Documentos Anexados</ion-label>
-        </ion-item>
+      <div class="list "  *ngFor="let document of documents; let i = index" > 
         <ion-list>
-          <ion-item *ngFor="let attachment of loadedAttachments">
+          <ion-item>
           <ion-label>
-            <h4 class="attach-title-item">{{attachment.Description}}</h4>
-            <p><span class="span-left">{{attachment.Stakeholders}}</span><span class="span-right"> {{ attachment.CreateDate | date: 'dd/MM/yyyy' }}</span></p>
+            <p class="d-flex ion-justify-content-between"> 
+              <span class="attach-title-item">{{document.Assunto}}</span> 
+              <span class="app-name">{{document.appName}}</span> 
+              <span class="close-button text-black" (click)="removeAttachment(i)" >
+                <ion-icon class="font-20" src="assets/images/icons-delete-25.svg"></ion-icon>
+              </span>
+            </p> 
+            <p><span class="span-left">{{document.EntidadeOrganicaNome}}</span><span class="span-right"> {{document.Data | date: 'dd-MM-yy'}} </span></p>
           </ion-label>
         </ion-item>
         </ion-list>
       </div>
+      
     </div>