Fix hover border bug for boxes

web/fastgallery.js

@@ -9,6 +9,7 @@ var currentPicture
 // create hover effect shadow for all box elements
 const hoverOnBox = (event) => {
     event.target.classList.remove("box-shadow")
+    event.target.classList.remove("border-gray")
     event.target.classList.add("box-shadow-large")
     event.target.classList.add("border-gray-dark")
 }
@@ -17,6 +18,7 @@ const hoverOffBox = (event) => {
     event.target.classList.remove("border-gray-dark")
     event.target.classList.remove("box-shadow-large")
     event.target.classList.add("box-shadow")
+    event.target.classList.add("border-gray")
 }
 
 const registerBoxEventHandlers = (element) => {

web/template.html

@@ -69,7 +69,7 @@
         </div>
     </div>
 
-    <div class="position-fixed top-0 left-0 d-flex flex-column flex-justify-center flex-items-center box border border-gray box-shadow p-0 bg-gray" id="modal" hidden>
+    <div class="position-fixed top-0 left-0 width-full height-full d-flex flex-column flex-justify-center flex-items-center box border border-gray box-shadow p-0 bg-gray" id="modal" hidden>
         <div>
             <div class="modalControl d-inline-block">
                 <a href="#" id="modalDownload">