updates

static/index.html

@@ -371,7 +371,7 @@
     
     var certificates = [];
 
-    [imagePrompt, model].forEach((item) => {
+    [imagePrompt, model, generateTerms].forEach((item) => {
       item.addEventListener("change", async (event) => {
         setGenerateButtonStatus();
       });

static/style.css

@@ -131,11 +131,7 @@ label.form-check-label {
   font-weight: 400;
 }
 
-.btn-primary {
-  width: 100%;
-  background: rgba(206, 206, 206, 1);
-  color: white;
-}
+
 
 .display-verify {
   display: none;
@@ -323,15 +319,31 @@ img.thumbnail {
   background-image: url('images/x.svg');
 }
 
+.btn-primary {
+  width: 100%;
+  background: rgba(206, 206, 206, 1);
+  color: white;
+  border-color: rgba(206, 206, 206, 1);
+  border-radius: 0;
+}
+
+.btn-primary:hover, .btn-primary:active {
+  background-color: rgba(206, 206, 206, 1);
+  border-color: rgba(206, 206, 206, 1);
+}
+
 .btn-primary.active {
   background-color: #1a6dff;
+  border-color: #1a6dff;
 }
 
 .btn-primary.active:hover {
   background-color: #165ad9;
+  border-color: #165ad9;
   
 }
 
 .btn-primary.active:active {
-  background: #1247b2;
+  background-color: #1247b2;
+  background-color: #1247b2;
 }