Display only one notif, added colors

assets/pages/index.html

@@ -29,10 +29,12 @@
         
         #paymentAccepted {
             display: none;
+            color: #36ca3e;
         }
         
         #paymentRefused {
             display: none;
+            color: #ca3636;
         }
     </style>
 </head>
@@ -55,10 +57,10 @@
             <button id="connect-button-pay">Pay</button>
         </div>
         <div id="paymentAccepted">
-            <h2>Payment Accepted</h2>
+            <h3>Payment Accepted</h3>
         </div>
         <div id="paymentRefused">
-            <h2>Payment Refused</h2>
+            <h3>Payment Refused</h3>
         </div>
     </main>
 
@@ -113,8 +115,10 @@
                 .then(response => {
                     if (response.ok) {
                         document.getElementById("paymentAccepted").style.display = 'block';
+                        document.getElementById("paymentRefused").style.display = 'none';
                     } else {
                         document.getElementById("paymentRefused").style.display = 'block';
+                        document.getElementById("paymentAccepted").style.display = 'none';
                         throw new Error("Payment request failed")
                     }
                 })