Do not show copy-permalink button if there is no text in the input

There is no reason to copy a permalink to a blank input, so it is just confusing to be there at all times.

diff --git a/index.html b/index.html
index bd792bbe956da4d6c3e2506501c0408891b25441..68ed9608f8343c9ffe35d1537c51a06d0155f108 100644 (file)
--- a/index.html
+++ b/index.html
@@ -80,6 +80,7 @@
 
     label {
       font-weight: 700;
+      padding-block: 8px;
     }
 
     button,
@@ -206,6 +207,7 @@
       }
     }
 
+    #copy-permalink,
     #clear-code {
       display: none;
     }
@@ -417,9 +419,11 @@
 
       // Input has been cleared, reset back to default state
       if (textarea.value === '') {
+        document.querySelector('#copy-permalink').style.display = 'none';
         document.querySelector('#clear-code').style.display = 'none';
         return;
       }
+      document.querySelector('#copy-permalink').style.display = 'unset';
 
       const events = getEvents(textarea.value);
       const uniqueEvents = Array.from(new Set(events));