diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 3c8af4939..b9b3b251e 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -69,7 +69,6 @@ import { MatInputModule } from '@angular/material/input';
 import { MatNativeDateModule } from '@angular/material/core';
 
 
-
 // The example is using Angular, Import '@sentry/vue' or '@sentry/react' when using a Sibling different than Angular.
  import * as SentrySibling from '@sentry/angular';
 import * as Sentry from '@sentry/capacitor';
diff --git a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.html b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.html
index 7e67b9d9d..38cf2a515 100644
--- a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.html
+++ b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.html
@@ -4,14 +4,16 @@
 
     <div *ngFor="let attachment of taskViewerAttachment; let i = index"
       class="ion-no-margin ion-no-padding cursor-pointer attachment-list" class="pa-10 mx-10 card-text"
-      [ngClass]="{'selected-card': i === selectedIndex}" >
+      >
       <div class="attachment"  (touchstart)="startHold($event, attachment, i)" (touchend)="endHold()" (click)="clickDocument(attachment, i )">
 
         <div *ngIf="attachment.Assunto" class="attach-title-item tex-left">
-          {{ attachment.Assunto }}<span class="document-type" *ngIf="attachment.content != ''">Rascunho</span>
+          {{ attachment.Assunto }}
           <br>
           {{ attachment.Sender }}
           <br>
+          <span class="document-type" *ngIf="attachment.content != ''">Rascunho</span>
+          <br *ngIf="attachment.content != ''">
           {{ attachment.DocDate | date: 'dd/MM/yy' }}
         </div>
 
@@ -51,7 +53,7 @@
 
 <editor
   *ngIf="taskViewerAttachment[selectedIndex].content"
-  class="container-img height-100"
+  class="container-img height-100 flex-1"
   apiKey="wr5dk69kive0qr9ig6y5spqvlj3a0tsiwnzdsexnz241k69p"
   [(ngModel)]="editorContent"
   [init]="{
diff --git a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.scss b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.scss
index 4f9578617..f3cf513b7 100644
--- a/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.scss
+++ b/src/app/pages/gabinete-digital/viewer-attachment/viewer-attachment.page.scss
@@ -9,6 +9,7 @@
   justify-content: center;
   align-items: center;
   cursor: pointer;
+  border-radius: 15px;
   p {
 
     margin: 0px;
@@ -19,7 +20,6 @@
 .selected-card {
   border: 3px solid #ffb703;
   color: #3498db;
-
 }
 
 iframe {
@@ -31,3 +31,11 @@ iframe {
 .selected-attachment {
   border: 2px solid #3498db; /* You can customize the border style and color */
 }
+
+.document-type{
+  border-radius: 20px;
+  background: var(--label-bg-color);
+  float: right;
+  padding: 5px 13.5px 5px 13.5px;
+  color: #fff;
+}
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
index 3b1e7f460..87d3dcfe7 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.html
@@ -120,7 +120,20 @@
             </ion-item>
           </ion-list>
 
-          <div style="border-radius: 50px;position: relative;top: 3px;left: 50px;">
+          <div style="border-radius: 50px;position: relative;top: 3px;left: 25px;">
+
+            <ion-row class="timeline-date align-center pr-10 visionMobile-flex"  >
+              <button class="no-color" *ngIf="dropButton" (click)="dropButton=!dropButton"  >
+                <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-up.svg" ></ion-icon>
+                <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-up.svg" ></ion-icon>
+                <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' "  class="collaps  font-25"  src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-up.svg"></ion-icon>
+              </button>
+              <button  class="no-color visionMobile-flex" *ngIf="!dropButton" (click)="dropButton=!dropButton">
+                <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="collaps  font-25" src="assets/images/icons-collaps-down.svg" ></ion-icon>
+                <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="collaps  font-25" src="assets/images/theme/gov/icons-collaps-down.svg" ></ion-icon>
+                <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " class="collaps  font-25" src="assets/images/theme/{{ThemeService.currentTheme}}/icons-collaps-down.svg" ></ion-icon>
+              </button >
+            </ion-row>
 
           </div>
           <app-viewer-attachment  *ngIf="mergedArray.length >= 1" [selectedIndex]="selectedIndex" [taskViewerAttachment]="mergedArray" class="visionMobile-flex height-100" ></app-viewer-attachment>
diff --git a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
index 2ea4e6f71..160f99bba 100644
--- a/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
+++ b/src/app/shared/gabinete-digital/generic/task-details/task-details.page.scss
@@ -306,3 +306,8 @@ ion-button{
 
 
 }
+
+
+.no-color {
+  background-color: transparent;
+}
diff --git a/version/git-version.ts b/version/git-version.ts
index 8ce65e938..747d0d24e 100644
--- a/version/git-version.ts
+++ b/version/git-version.ts
@@ -5,7 +5,7 @@ export let versionData = {
   "lastCommitAuthor": "'Peter Maquiran'",
   "lastCommitTime": "'Thu Aug 31 12:00:52 2023 +0100'",
   "lastCommitMessage": "add attachments",
-  "lastCommitNumber": "1510",
+  "lastCommitNumber": "1512",
   "change": "",
   "changeStatus": "On branch notification-header/feature\nChanges to be committed:\n  (use \"git restore --staged <file>...\" to unstage)\n\tmodified:   src/app/modals/profile/profile.page.html\n\tmodified:   src/app/modals/profile/profile.page.ts\n\tmodified:   src/app/services/notifications.service.ts\n\tmodified:   src/app/shared/header/header.page.html\n\tmodified:   src/app/shared/header/header.page.ts\n\tnew file:   src/app/store/notification-holder.service.spec.ts\n\tnew file:   src/app/store/notification-holder.service.ts\n\nChanges not staged for commit:\n  (use \"git add <file>...\" to update what will be committed)\n  (use \"git restore <file>...\" to discard changes in working directory)\n\tmodified:   src/app/modals/create-process/create-process.page.ts\n\tmodified:   src/app/modals/document-detail/document-detail.page.ts\n\tmodified:   src/app/modals/document-set-up-meeting/document-set-up-meeting.page.ts\n\tmodified:   src/app/pages/gabinete-digital/expediente/expedient-task-modal/expedient-task-modal.page.ts\n\tmodified:   src/app/shared/agenda/edit-event-to-approve/edit-event-to-approve.page.html\n\tmodified:   src/app/shared/gabinete-digital/edit-event-to-approve/edit-event.page.html",
   "changeAuthor": "peter.maquiran"