change button

src/app/pages/publications/new-publication/new-publication.module.ts

@@ -8,13 +8,14 @@ import { NewPublicationPageRoutingModule } from './new-publication-routing.modul
 
 import { NewPublicationPage } from './new-publication.page';
 import '@teamhive/capacitor-video-recorder';
-
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 @NgModule({
   imports: [
     CommonModule,
     FormsModule,
     IonicModule,
-    NewPublicationPageRoutingModule
+    NewPublicationPageRoutingModule,
+    FontAwesomeModule,
   ],
   exports: [NewPublicationPage],
   declarations: [NewPublicationPage]

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

@@ -32,21 +32,23 @@
 
         <div class="d-flex justify-content-between">
           <div class="d-flex">
-            <div *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index"  lot="start">
+            <div *ngFor="let seleted of seletedContent.slice(0, displayLimit), let i = index"  lot="start" class="mr-10">
+
+              <div class="text-center cursor-pointer"  (click)="deleteFromSeletedContent(i)" style="font-weight: 700;color: #c63527;">
+                X
+              </div>
+
 
               <ion-img *ngIf="checkFileType.checkFileType(seleted.FileExtension) == 'image'" [(ngModel)]="capturedImage"
                 name="image" ngDefaultControl [src]="'data:image/jpg;base64,' + seleted.FileBase64"
-                (click)="imageSize(capturedImage)"></ion-img>
+                (click)="imageSize(capturedImage)"  style="height: 69px;"></ion-img>
 
               <video *ngIf="checkFileType.checkFileType(seleted.FileExtension)  == 'video'" width="70" height="70"
                 controls="controls" preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline">
                 <source type="video/mp4" [src]="'data:video/mp4;base64,' + seleted.FileBase64">
               </video>
 
-              <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">
@@ -80,7 +82,7 @@
         </div>
       </div> -->
 
-      <div class="ion-item-container-no-border">
+      <div class="ion-item-container-no-border pt-10">
         <ion-label (click)="chossePhotoOrVideo()">
           <div class="attach-icon">
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' "
@@ -94,7 +96,7 @@
           </div>
         </ion-label>
       </div>
-      <div *ngIf="photoOrVideo" class="container-multiselect">
+      <div *ngIf="photoOrVideo" class="container-multiselect pt-10">
         <button id="container-multiselect" class="multiselect-button" (click)="takePicture()">Fotografia</button>
         <button id="container-multiselect" class="multiselect-button" (click)="startVideoRecording()">Video</button>
       </div>