implemented delete;

frontend/src/app/component/images/images.component.html

@@ -18,6 +18,12 @@
     <span style="width: 30em">
       ✓ | X (TO BE DONE)
     </span>
+    <span style="float: right; margin-left: auto; margin-right: 1em;">
+      <button mat-raised-button color="warn"
+              (click)="deleteImage(image); $event.stopPropagation()">
+        Delete
+      </button>
+    </span>
   </mat-expansion-panel-header>
 
   <ng-template matExpansionPanelContent>
@@ -36,16 +42,11 @@
                        [meta]=image
                        (reload)="loadImage(i + paginationGetStart(), $event.split('.')[0])"
     ></app-file-uploader>
-
-    <span style="float: right">
-      <button mat-raised-button color="warn" (click)="deleteImage(image)">
-        Delete
-      </button>
-    </span>
   </ng-template>
 </mat-expansion-panel>
 
-<mat-paginator [length]="images.length"
+<mat-paginator *ngIf="images.length > 0"
+               [length]="images.length"
                [pageSize]="pageSizeOptions[0]"
                [pageSizeOptions]="pageSizeOptions"
                (page)="lastPageEvent = $event"