From 20912a6dffcbd60c5a326a22570b5003cce290c6 Mon Sep 17 00:00:00 2001
From: Bobby Wibowo <bobbywibowo98@gmail.com>
Date: Wed, 9 Jan 2019 12:04:21 +0700
Subject: [PATCH] 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 | 14 ++++++++++++++
 public/js/dashboard.js    |  2 +-
 views/_globals.njk        |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/public/css/sweetalert.css b/public/css/sweetalert.css
index f7430dc..7fd3577 100644
--- a/public/css/sweetalert.css
+++ b/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;
+}
diff --git a/public/js/dashboard.js b/public/js/dashboard.js
index 8f1007e..5dc5684 100644
--- a/public/js/dashboard.js
+++ b/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>
diff --git a/views/_globals.njk b/views/_globals.njk
index 6ab3928..415d342 100644
--- a/views/_globals.njk
+++ b/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" %}