fix actions and draft data object

src/app/pages/publications/new-publication/new-publication.page.html

@@ -32,7 +32,7 @@
 
         <div class="d-flex justify-content-between">
           <div class="d-flex">
-            <ion-thumbnail *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index" (click)="deleteFromSeletedContent(i)" lot="start">
+            <div *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index"  lot="start">
 
               <ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'" [(ngModel)]="capturedImage"
                 name="image" ngDefaultControl [src]="'data:image/jpg;base64,' + seleted.FileBase64"
@@ -43,7 +43,11 @@
                 <source type="video/mp4" [src]="'data:video/mp4;base64,' + seleted.FileBase64">
               </video>
 
-            </ion-thumbnail>
+              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)">
+                <ion-icon src="assets/images/theme/gov/icons-delete.svg" class="delete md hydrated"></ion-icon>
+              </div>
+              
+            </div>
             <!-- Display the blurred image and count if there are more images -->
             <ion-thumbnail *ngIf="seletedContent.length > displayLimit" lot="start">
               <ion-img [src]="'data:image/jpg;base64,' + seletedContent[displayLimit - 1].base64"
@@ -57,9 +61,6 @@
             </ion-label>
           </div>
 
-          <div class="font-25" (click)="clear()">
-            <ion-icon name="close"></ion-icon>
-          </div>
         </div>
       </div>