fix tests

src/public/css/seca.css

@@ -44,6 +44,12 @@
   }
 }
 
+
+.max-size-zero {
+  max-width: 0;
+  max-height: 0;
+}
+
 .top-notification-good {
   border-radius: 10px;
   background-color: rgb(9, 165, 9);
@@ -56,9 +62,9 @@
   justify-content: space-evenly;
   align-items: center;
   left: 50%;
-  transform: translate(-50%, -200%);
-  transition: transform 1s ease-in-out;
-
+  transform: translate(-50%, -200px);
+  transition: 
+    transform 2s ease-in-out;
 }
 
 .top-notification-good.revealed {

src/public/javascript/offers.js

@@ -157,13 +157,16 @@ async function publishOffer() {
     body: JSON.stringify({ offerDetails }),
   });
 
+  offerCreatedPopup.classList.remove('max-size-zero');
   offerCreatedPopup.classList.add('revealed');
   setTimeout(() => {
     offerCreatedPopup.classList.remove('revealed');
   }, 3000);
   setTimeout(() => {
-    offerCreatedPopup.classList.remove('revealed');
-  }, 3000);
+    offerCreatedPopup.classList.add('max-size-zero');
+  }, 4000);
+
+  toggleCreateOfferControls();
 }
 
 buttonStartCreateOffer.addEventListener('click', () => {

src/views/offers.ejs

@@ -178,7 +178,7 @@
           </button>
         </div>
       </div>
-      <div id="offer-created-confirmation" class="top-notification-good">
+      <div id="offer-created-confirmation" class="top-notification-good max-size-zero">
         <img
             src="/img/circle-check-white.svg"
           />