updates

static/index.html

@@ -83,7 +83,7 @@
                     <p>Ornare a est accumsan et platea quis rhoncus.</p>
                   </div>
                   <div class="col flex-grow-0">
-                    <button type="button" id="download-button" class="btn btn-outline-primary">Download image <img src="images/download_icon.svg" /></button>
+                    <a id="download-button" class="btn btn-outline-primary">Download image <img src="images/download_icon.svg" /></a>
                   </div>
                   <div class="col flex-grow-0">
                     <button type="button" id="goto-verify-button" class="btn btn-outline-primary">Go to verify tab  <img src="images/link_icon.svg" /></button>
@@ -252,6 +252,9 @@
     });
 
     document.getElementById('goto-verify-button').addEventListener("click",  (event) => {
+      verifyTab.classList.add("active");
+      generateTab.classList.remove("active");
+
       setVerifyElementsDisplay('block');
       setGenerateElementsDisplay('none');
     });
@@ -405,17 +408,13 @@
         spinner.style.display = "none";
         generateImageContainer.appendChild(truepicDisplay);
 
+        downloadButton.href = path;
+        downloadButton.download = resp;
+
         generateActionMenu.style.display = "block";
 
-        downloadButton.addEventListener("click",  (event) => {
-          event.preventDefault();
-          window.open(path);
-        });
-        
         /*
-    downloadLink.style.display = "block";
-    downloadLink.href = path;
-    downloadLink.download = resp;
+    
 
     modelParam.innerHTML = model.value;
     promptParam.innerHTML = textGenInput.value;

static/style.css

@@ -123,6 +123,6 @@ img.thumbnail {
   display: none;
 }
 
-.action-menu button {
+.action-menu button, .action-menu a.btn {
   width: 175px;
 }