improvements in despacho

src/app/modals/add-note/add-note.page.html

@@ -1,20 +1,72 @@
 <ion-header class="ion-no-border">
-  <div class="header-content">
-    <div class="header-icon-left">
-      <button class="btn-no-color cursor-pointer" (click)="close()">
-        <ion-icon src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
-      </button>
-    </div>
+  <div class="header-content pb-20">
     <div class="header-title">
-      <label>Adicionar coméntário</label>
+      <label>Adicionar comentário</label>
     </div>
   </div>
 </ion-header>
 
 <ion-content>
-  <ion-item lines="none">
-    <ion-textarea [(ngModel)]="emendMessage" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
+  <div class="main-content d-flex height-100">
+
+    <div class="content d-flex flex-column width-100">
+      <div class="overflow-y-auto">
+
+        <div class="container-div">
+          <div class="ion-item-class-2 d-flex">
+            <div class="ion-icon-class">
+              <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
+            </div>
+            <div class="ion-input-class-no-height width-100">
+              <ion-textarea [(ngModel)]="note" placeholder="Detalhes" rows="6" cols="20"></ion-textarea>
+            </div>
+          </div>
+        </div>
+
+        <div class="ion-item-container-no-border" (click)="getDoc()">
+          <ion-label class="d-flex align-center">
+            <button class="btn-no-color">
+            <div class="attach-icon d-flex align-center">
+              <ion-icon src="assets/images/icons-attach-doc.svg"></ion-icon>
+            </div>
+            <div class="attach-document pl-10">
+              <ion-label>Anexar Documentos</ion-label>
+            </div>
+          </button>
+          </ion-label>
+        </div>
+  
+        <div class="list "  *ngFor="let document of documents; let i = index" > 
+          <ion-list>
+            <ion-item>
+            <ion-label>
+              <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 cursor-pointer" (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>
+      
+    </div>
+  </div>
+
+    
+
+
+
+
+
+  <ion-item hidden lines="none">
+    <ion-textarea [(ngModel)]="note" rows="4" cols="20" placeholder="Adicionar um comentário para execução..."></ion-textarea>
   </ion-item>
+
 </ion-content>
 <ion-footer>
   <div class="buttons width-100">