1 files changed, 10 insertions, 4 deletions
diff --git a/juick-www/src/main/static/scripts.js b/juick-www/src/main/static/scripts.js
index 06fd78c7..7dc24dd2 100644
--- a/juick-www/src/main/static/scripts.js
+++ b/juick-www/src/main/static/scripts.js
@@ -455,10 +455,10 @@ function showPhotoDialog(fname) {
     if (minDimension < 640) {
         return true; // no dialog, open the link
     } else if (minDimension < 1280) {
-        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`);
+        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/photos-1024/${fname}"/></a>`, true);
         return false;
     } else {
-        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`);
+        openDialog(`<a href="//i.juick.com/p/${fname}"><img src="//i.juick.com/p/${fname}"/></a>`, true);
         return false;
     }
 }
@@ -478,18 +478,24 @@ function openPostDialog() {
     return openDialog(newmessageTemplate);
 }
 
-function openDialog(html) {
+function openDialog(html, image) {
     var dialogHtml = `
         <div id="dialogt">
             <div id="dialogb"></div>
             <div id="dialogw">
-                <div id="dialogc"></div>
+                <div id="dialog_header">
+                    <div id="dialogc">${evilIcon('ei-close')}</div>
+                </div>
                 ${html}
             </div>
         </div>`;
     let body = document.querySelector('body');
     body.classList.add('dialog-opened');
     body.insertAdjacentHTML('afterbegin', dialogHtml);
+    if (image) {
+        let header = document.querySelector('#dialog_header');
+        header.classList.add('header_image');
+    }
     document.addEventListener('keydown', closeDialogListener);
     document.querySelector('#dialogb').addEventListener('click', closeDialog);
     document.querySelector('#dialogc').addEventListener('click', closeDialog);