fix card and transparent button

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]="{

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;
+}