Finish alert popup

index.html

@@ -152,14 +152,17 @@ <h1 class="main-header-title-text2">cl</h1>
     </div>
   </div>
 
-  <div class="standard-popup" id="alertPopup">
-    <div class="standard-popup-whole-section-content alert">
-      <p>Votre vote a été mis a jour</p>
-      <!-- PUT EVERYTHING YOU WANT FOR EROR -->
-      <button class="standard-button alert" onclick="closePopup('alertPopup')">Fermer</button>
+  <!-- Alert popup -->
+  <div id="alertPopup" class="standard-popup">
+    <div class="standard-popup-whole-section">
+      <div class="standard-popup-whole-section-content alert-popup">
+      <h1 class="alert-text"><!-- Insert alert text --> Votre vote a été mis a jour</h1>
+      <button class="standard-button alert-button" onclick="closePopup('alertPopup')">fermer</button>
+      </div>
     </div>
   </div>
 
+  <!-- Welcome popup -->
   <div id="welcomePopup" class="standard-popup">
     <div class="standard-popup-whole-section welcome-popup">
       <div class="standard-popup-whole-section-content welcome-popup">

styles/standard-assets/popup.css

@@ -43,10 +43,6 @@
   background: var(--main-background);
 }
 
-.standard-popup-whole-section-content.alert-popup-popup-popup {
-  width: 300px;
-  height: 100px;
-}
 
 .standard-popup-whole-section-content.add-popup {
   width: 250px;
@@ -77,13 +73,6 @@
   height: 35px;
 }
 
-.standard-button.alert-popup {
-  transform: translateY(10px);
-  width: 280px;
-  font-size: 16px;
-}
-
-
 .select-image {
   border: var(--border-width) var(--border-style) var(--border-color);
   position: relative;
@@ -211,6 +200,22 @@
   font-size: 25px;
 }
 
+/* Alert Popup */
+.standard-popup-whole-section-content.alert-popup {
+  padding: 10px;
+  width: 350px;
+  height: auto;
+}
+
+.alert-text {
+  font-size: 25px;
+  height: 100%;
+}
+
+.alert-button {
+  width: 100%;
+}
+
 /* Welcome popup */
 .standard-popup-whole-section-content.welcome-popup {
   padding: 50px;