From e35247ea7009c33596c7a8c0723a34c60a769af6 Mon Sep 17 00:00:00 2001
From: Damien De Paoli <ddp@depaoli.id.au>
Date: Tue, 12 Jan 2021 14:44:11 +1100
Subject: [PATCH] video files now have a icon to indicate its a video as well

---
 templates/files.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/templates/files.html b/templates/files.html
index df3fcb7..9240e66 100644
--- a/templates/files.html
+++ b/templates/files.html
@@ -22,6 +22,7 @@
 			<button id="sz-but-256" class="sz-but btn btn-outline-info" onClick="ChangeSize(256)">XL</button>
 			</div>
 		</div>
+		<br>
 		<div class="row">
 			{% for obj in file_data.view_list %}
 				{% if obj.type != "Directory" %}
@@ -30,7 +31,12 @@
 							{% if obj.type=="Image" %}
 								<a href="{{file_data.symlink}}/{{obj.name}}"><img class="thumb" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img></a>
 							{% elif obj.type == "Video" %}
-								<img class="thumb" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img>
+								<div style="position:relative; width:100%">
+									<img class="thumb" style="display:block" height="128" src="data:image/jpeg;base64,{{obj.thumbnail}}"></img>
+									<div style="position:absolute; top: 2; left: 2;">
+										<i style="font-size:32;color:white" class="fas fa-file-video"></i>
+									</div>
+								</div>
 							{% endif %}
 							<figcaption class="figure-caption text-center">{{obj.name}}</figcaption>
 						</figure>