From 1216e5f10d1c3061c9f3429b604520adf2b1224f Mon Sep 17 00:00:00 2001
From: MasterAcnolo <68693319+MasterAcnolo@users.noreply.github.com>
Date: Sat, 28 Jun 2025 18:33:16 +0200
Subject: [PATCH] Push Version 1

---
 public/index.html                  |  6 +++++-
 public/script/downloadstatus.js    |  2 +-
 public/styles/layout/container.css |  4 ++--
 public/styles/layout/ctr-infos.css |  2 ++
 public/styles/styles.css           | 11 ++++++++---
 5 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 095164e..5cee493 100644
--- a/public/index.html
+++ b/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>
     
diff --git a/public/script/downloadstatus.js b/public/script/downloadstatus.js
index 9376789..9161597 100644
--- a/public/script/downloadstatus.js
+++ b/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);
diff --git a/public/styles/layout/container.css b/public/styles/layout/container.css
index c00fd6c..bcf2d87 100644
--- a/public/styles/layout/container.css
+++ b/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;
-}
\ No newline at end of file
+}
diff --git a/public/styles/layout/ctr-infos.css b/public/styles/layout/ctr-infos.css
index 554c505..ef1e29e 100644
--- a/public/styles/layout/ctr-infos.css
+++ b/public/styles/layout/ctr-infos.css
@@ -1,4 +1,6 @@
 #downloadStatus {
+
+    margin-top: 1em;
     min-height: 1.5em;  
     font-weight: bold;
     text-align: center;
diff --git a/public/styles/styles.css b/public/styles/styles.css
index 39d6786..15a29f1 100644
--- a/public/styles/styles.css
+++ b/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;
-}
+} */