Use invisible class instead of hidden class

2 files changed, 2 insertions, 6 deletions

diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index 80ee6b7..5c3d568 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -187,10 +187,6 @@ pre code {
     margin-top: 10px;
 }
 
-.hidden {
-    display: none;
-}
-
 .search-section {
     display: flex;
     justify-content: space-between;
diff --git a/bh20simplewebuploader/static/main.js b/bh20simplewebuploader/static/main.js
index a67d3df..6a1daa6 100644
--- a/bh20simplewebuploader/static/main.js
+++ b/bh20simplewebuploader/static/main.js
@@ -86,7 +86,7 @@ function addField(e) {
   fieldGroup.insertBefore(newField, minusButton)
   
   // Enable the minus button
-  minusButton.classList.remove('hidden')
+  minusButton.classList.remove('invisible')
 }
 
 /**
@@ -108,7 +108,7 @@ function removeField(e) {
   if (existingFields.length <= 1) {
     // Collection auto-updates. Now there's only one element. Don't let the
     // user remove it. If they don't want it, they can leave it empty.
-    this.classList.add('hidden')
+    this.classList.add('invisible')
   }
 }