From 88e9638e661a10cc746eef5cdee5de416873394d Mon Sep 17 00:00:00 2001
From: Marco Zeisler <pfingstfrosch@gmail.com>
Date: Mon, 11 Jan 2021 21:50:09 +0100
Subject: [PATCH] visual improvements;

---
 .../src/app/component/images/images.component.html   | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/component/images/images.component.html b/frontend/src/app/component/images/images.component.html
index 2ca4fa3..4da6d68 100644
--- a/frontend/src/app/component/images/images.component.html
+++ b/frontend/src/app/component/images/images.component.html
@@ -1,16 +1,20 @@
 <h2>Available Images</h2>
 
 <div style="font-weight: bolder; font-size: 20px">
-  <span style="width: 7.6em; display: inline-block; margin-left: 1em">Name</span>
-  <span style="width: 15em; display: inline-block">Date</span>
+  <span style="width: 22.5em; display: inline-block; margin-left: 1.15em">Name</span>
+  <span style="width: 22.5em; display: inline-block">Date</span>
+  <span style="width: 22.5em; display: inline-block">File valid</span>
 </div>
 
 <mat-expansion-panel *ngFor="let image of images | slice:paginationGetStart():paginationGetEnd(); let i = index">
   <mat-expansion-panel-header (click)="$event.stopPropagation()">
-    <span style="width: 10em"
+    <span style="width: 30em"
     >{{image.name}}</span>
-    <span style="width: 15em"
+    <span style="width: 30em"
     >{{image.datetime}}</span>
+    <span style="width: 30em">
+      ✓ | X (TO BE DONE)
+    </span>
   </mat-expansion-panel-header>
 
   <div style="width: 20em; height: 20em; border: solid; margin-bottom: 1em">