working proper when disabled

src/public/css/seca.css

@@ -50,7 +50,7 @@ h1 {
   color: #e1c300;
 }
 
-.invite-card-content #nostr-signup {
+#nostr-signup-button {
   width: 20vw;
   background: #a915ff;
   border-radius: 1vw;
@@ -58,8 +58,19 @@ h1 {
   color: white;
   font-weight: bold;
   padding: 1%;
+  cursor: pointer;
 }
 
-#nostr-signup p {
+#nostr-signup-button:hover {
+  background-color: #b941ff;
+}
+
+#nostr-signup-button:disabled {
+  background-color: #d8d8d8;
+  cursor: default;
+}
+
+
+#nostr-signup-button p {
   font-size: 1.5rem;
 }

src/public/javascript/invite.js

@@ -1,7 +1,7 @@
 window.onload = function () {
   if (!window.nostr) {
     console.log('Nostr extension not present');
-    document.querySelector('#nostr-signup').disabled = true;
+    document.querySelector('#nostr-signup-button').disabled = true;
     document.querySelector('#no-extension-nudges').style.display = 'block';
   } else {
     console.log('Nostr extension present');

src/views/invite.ejs

@@ -18,7 +18,7 @@
           </figure>
           <p>Usa tu extensión de Nostr para darte de alta:</p>
           <form onsubmit="acceptInvite();return false">
-            <button id="nostr-signup" type="submit">
+            <button id="nostr-signup-button" type="submit">
               <figure>
                 <img src="/img/white_ostrich.svg" width="40%" margin="-5% -5%" />
               </figure>