Ajustement modale récapitulative promesse don

assets/css/coFinancement/index.css

@@ -23,6 +23,20 @@ display:none;
 	border-radius: 5px;
 }
 
+#after-pledge-modal dl {
+	font-size: 18px; /* Adjusts descriptive lists to the size of p from freelance.css */
+	margin: 1em;
+}
+
+/* Add space between items (title + desc) in a descriptive list */
+#after-pledge-modal dd + dt {
+	margin-top: 0.5em;
+}
+
+#after-pledge-modal .panel p {
+	font-size: 0.9em;
+}
+
 .pledge-bar, .pledge-label {
 	background-color: #2c3e50;
 	color: #ffffff;

assets/js/coFinancement/coFinancement_index.js

@@ -41,10 +41,6 @@ function addAfterPledgeModal() {
 		<div class="modal-body text-left">
 			<p>Nous avons bien reçu votre promesse de don pour un montant de <span class="pledge-amount"></span> euros 
 			  pour la campagne <span class="campaign-name"></span>.</p>
-			<p><strong>Notez cette information</strong></p>
-			<p>Nous vous l'avons également envoyée par email, mais nous constatons que les emails que nous envoyons 
-			  arrivent souvent dans les courriers indésirables ("spams") des destinataires. Voilà pourquoi il est 
-			  préférable que vous notiez dès maintenant ces informations.</p>
 			<p>Vous pouvez envoyer votre don de deux manières :</p>
 			<dl>
 				<dt>Par paiement sur la plateforme</dt>
@@ -52,6 +48,16 @@ function addAfterPledgeModal() {
 				<dt>Par virement bancaire</dt>
 				<dd>IBAN : <span class="org-iban"></span></dd>
 			</dl>
+			<div class="panel panel-danger">
+                <div class="panel-heading">
+                    <p><strong>Notez cette information</strong></p>
+                </div>
+                <div class="panel-body">
+                    <p>Nous vous l'avons également envoyée par email, mais nous constatons que les emails que nous envoyons 
+                      arrivent souvent dans les courriers indésirables ("spams") des destinataires. Voilà pourquoi il est 
+                      préférable que vous notiez dès maintenant ces informations.</p>
+                </div>
+            </div>
 		</div>
 		<div class="modal-footer">
 			<button type="button" class="btn btn-primary close-btn" data-bs-dismiss="modal">Fermer</button>