fixed a regression with file-cards in viewFactory.ts

src/assets/pages/styles/default.css

@@ -8,8 +8,8 @@ body {
 }
 
 .thumbnail32 {
-    width: 16px;
+    width: 32px;
-    height: 32px;
+    height: 48px;
 }
 
 .file-card{

src/ts_source/viewFactory.ts

@@ -18,17 +18,22 @@ export class CardModel {
     }
 }
 
-export function buildFileCard(filePath: string, elem: Element, append: boolean = false) {
+export function buildFileCard(filePath: string, elem: Element, append: boolean = false, $: any = require('jquery')) {
     let model = new CardModel(getImagePathFromDocumentName(filePath), fileNameToPrettyString(filePath));
     loadTemplateSingle("file-card.mustache", model, (content: string, id: string) => {
+        let snip = $(content);
+        let container = $("#" + elem.id);
+
         if (append) {
-            elem.innerHTML = elem.innerHTML + content;
+            container.append(snip);
         } else {
-            elem.innerHTML = content;
+            container.empty().append(snip);
         }
-        document.querySelector("#" + id).addEventListener('click', () => {
+        setTimeout(() => {
+            $(`#${id}`).on("click", () => {
                 launchDocument(filePath);
-        })
+            });
+        }, 1); //for some reason we have to let the dom breathe before it will let us do this?
     });
 }