Updated dashboard

Display thumbnail feature in dashboard will now contain images smaller
than 200x200 in a 200x200 container and align them in the center.

public/css/sweetalert.css

@@ -142,3 +142,17 @@
 .swal-icon--success::before {
   background: #31363b;
 }
+
+.swal-display-thumb-container {
+  min-width: 200px;
+  min-height: 200px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+}

public/js/dashboard.js

@@ -610,7 +610,7 @@ page.displayThumbnail = function (id) {
   div.innerHTML = `
     <div class="field has-text-centered">
       <label class="label">${file.name}</label>
-      <div class="controls">
+      <div class="controls swal-display-thumb-container">
         <img id="swalThumb" src="${file.thumb}">
       </div>
     </div>

views/_globals.njk

@@ -15,7 +15,7 @@
   v2: Images and config files (manifest.json, browserconfig.xml, etc).
   v3: CSS and JS files (libs such as bulma, lazyload, etc).
 #}
-{% set v1 = "WrpSoJIcMN" %}
+{% set v1 = "m8kkW8tVUo" %}
 {% set v2 = "hiboQUzAzp" %}
 {% set v3 = "hiboQUzAzp" %}