Update static/script.js

static/script.js

@@ -970,9 +970,9 @@ interpretButton.addEventListener('click', async function () {
         if (data.caption) {
             
             resultContainer.innerHTML = `
-                <h3 class="centered-title">📸 Légende générée :</h3>
+                <h3 "text-align: center; font-size: 1.5rem; font-weight: bold; color: black;">📸 Légende générée :</h3>
                 <br>
-                <p class="result-text">${data.caption}</p>
+                <p "text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.caption}</p>
             `;
         } else if (data.error) {
             resultContainer.innerHTML = `<p class="error-text">❌ Erreur : ${data.error}</p>`;
@@ -1098,7 +1098,7 @@ sendBtn.addEventListener("click", async function () {
         formData.append("question", question);
 
         // Afficher le message de chargement
-        resultContainer.innerHTML = `<p class="placeholder-text">⏳ En attente de la réponse...</p>`;
+        resultContainer.innerHTML = `<p class="placeholder-text" style="text-align: center; color: black; font-weight: bold;">⏳ En attente de la réponse...</p>`;
 
         try {
             const response = await fetch("/image-qa/", {
@@ -1110,9 +1110,11 @@ sendBtn.addEventListener("click", async function () {
             if (data.answer) {
                 
                 resultContainer.innerHTML = `
-                    <h3 class="centered-title">🧠 Réponse générée :</h3>
-                    <br>
-                    <p class="result-text">${data.answer}</p>
+                    
+        <h3 style="text-align: center; font-size: 1.5rem; font-weight: bold; color: black">🧠 Réponse générée :</h3>
+<br>
+<p style="text-align: center; font-size: 1.2rem; font-weight: bold; color: black;">${data.answer}</p>
+    
                 `;
             } else {
                 resultContainer.innerHTML = `<p class="placeholder-text">Erreur : ${data.error}</p>`;