Improve upload file list

@@ -30,10 +30,28 @@
 	display: flex;
 	border: 1px solid black;
 	width: fit-content;
+	margin-bottom: .15em;
+}
+
+.upload > ul > li:last-child {
+	margin-bottom: 0;
+}
+
+.upload > ul > li > ul {
+	display: table;
 }
 
 .upload > ul > li > ul > li {
-	display: block;
+	display: table-row;
+}
+
+.upload > ul > li > ul > li > span {
+	display: table-cell;
+}
+
+.upload > ul > li > ul > li > span:first-child:after {
+	content: ":";
+	margin-right: .15em;
 }
 
 .markdown {

 use mogwai::prelude::*;
+use chrono::prelude::*;
 
 use crate::component::upload::logic::UploadLogic;
 
@@ -13,17 +14,19 @@ pub(super) fn upload_preview_view( tx_canvas :broadcast::Sender<Dom>
         tx_canvas.try_broadcast(dom.clone()).unwrap();
     };
 
+    let size = format!("{}", size);
+    let mtime = format!("{}", Utc.timestamp_millis(mtime as i64));
+
     builder! {
-        <li style:display="flex"
-            on:click=tx_click.sink()>
+        <li on:click=tx_click.sink()>
             <canvas width="75px"
                     height="75px"
                     post:build=post_build />
             <ul>
-                <li>{format!("filename: {}", filename)}</li>
-                <li>{format!("size: {}", size)}</li>
-                <li>{format!("mime type: {}", mime_type)}</li>
-                <li>{format!("modification time: {}", mtime)}</li>
+                <li><span>"Name"</span><span>{filename}</span></li>
+                <li><span>"Size"</span><span>{size}</span></li>
+                <li><span>"Mime-Type"</span><span>{mime_type}</span></li>
+                <li><span>"Date"</span><span>{mtime}</span></li>
             </ul>
         </li>
     }