Push Version 1

public/index.html

@@ -48,10 +48,14 @@
         les infos du form, il faut aller sur ce canal précis (/download). La méthode POST dit
         que l'on envoie des données.-->
 
-        <div id="videoInfo" style="margin-top: 20px;"></div>
+       
 
     </div>
 
+    <div class="infos-container">
+         <div id="videoInfo" style="margin-top: 20px;"></div>
+    </div>
+    
     <script src="script/downloadstatus.js"></script>
     <script src="script/fetchinfo.js"></script>
     

public/script/downloadstatus.js

@@ -15,7 +15,7 @@ form.addEventListener("submit", async (e) => {
   button.disabled = true;
 
   // Affiche un message d'attente à l'utilisateur
-  statusDiv.textContent = "⏳ Téléchargement en cours...";
+  statusDiv.textContent = "Téléchargement en cours...";
 
   // Prépare les données du formulaire sous forme URL-encoded
   const formData = new FormData(form);

public/styles/layout/container.css

@@ -1,4 +1,4 @@
-.container {
+.container, .infos-container {
   position: relative;      
   top: 0;
   left: 0;
@@ -9,4 +9,4 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-}
+}

public/styles/layout/ctr-infos.css

@@ -1,4 +1,6 @@
 #downloadStatus {
+
+    margin-top: 1em;
     min-height: 1.5em;  
     font-weight: bold;
     text-align: center;

public/styles/styles.css

@@ -29,11 +29,16 @@ body {
     color: #333;
     display: flex;
     justify-content: center;
-    align-items: center;    
+    align-items: center;   
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+ 
 }
 
 
-#videoInfo {
+/* #videoInfo {
   margin-top: 100px; 
   padding: 1em;
   max-width: 600px;
@@ -51,4 +56,4 @@ body {
 #videoInfo.visible {
   opacity: 1;
   max-height: 1000px;
-}
+} */