Update static/style.css

static/style.css

@@ -109,7 +109,7 @@ body::before {
     background-clip: padding-box;
 }
 
-/* Dégradé incliné autour du bouton */
+
 .menu-btn::before {
     content: '';
     position: absolute;
@@ -120,7 +120,7 @@ body::before {
     background: linear-gradient(135deg,#419FE899  0%,  #A35EED99 100%);
     z-index: -1;
     border-radius: 10px;
-    transform: rotate(3deg); /* Inclinaison du dégradé */
+    transform: rotate(3deg); 
 }
 
 .menu-btn:hover {
@@ -153,7 +153,7 @@ body::before {
     padding: 30px;
     background: transparent;
 }
-/* Styles complémentaires */
+
 .document-container {
     max-width: 800px;
     margin: 0 auto;
@@ -165,28 +165,18 @@ body::before {
     text-align: left;
     margin-left: 0;
     margin-bottom: 30px;
-    /*font-size: 1.8rem;
-    margin-bottom: 0.5rem;
-    font-weight: 600;*/
+    
 }
 
 .document-subtitle {
-    /*
-    font-size: 1.4rem;
-    margin-top: 0;
-    margin-bottom: 2rem;
-    font-weight: 500;*/
+   
     color: black;
     text-align: center; 
     margin-bottom: 50px;
 }
 
 .upload-container {
-   /* background: transparent;
-    margin-bottom: 2rem;
-    display: flex;
-    flex-direction: column;
-    align-items: center;*/
+   
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -205,11 +195,11 @@ body::before {
     transition: all 0.3s ease;
     cursor: pointer;
     gap: 10px;
-    width: 100%; /* Largeur fixe par rapport au parent */
-    max-width: 600px; /* Empêche qu'elle devienne trop large */
-    overflow: hidden; /* Coupe le texte qui dépasse */
-    white-space: nowrap; /* Empêche le texte de passer à la ligne */
-    text-overflow: ellipsis; /* Ajoute "..." si le texte est trop long */
+    width: 100%; 
+    max-width: 600px; 
+    overflow: hidden; 
+    white-space: nowrap; 
+    text-overflow: ellipsis;
 }
 
 
@@ -230,7 +220,7 @@ body::before {
 
 
 .file-input {
-    opacity: 0; /* Rendu invisible mais reste cliquable */
+    opacity: 0; 
     position: absolute;
     width: 100%;
     height: 100%;
@@ -277,8 +267,7 @@ body::before {
     color: black;
 }
 .scrollable-text {
-    max-height: 150px;         /* adapte selon la hauteur que tu veux */
-    overflow-y: auto;
+    max-height: 150px;         
     padding-right: 10px;
     margin-bottom: 20px;
     text-align: center;
@@ -312,8 +301,8 @@ grid-template-areas:
 grid-template-columns: 1fr 1fr;
 gap: 20px;
 margin: 20px 10px;
-width: 80%; /* Ajustez la largeur du conteneur selon vos besoins */
-max-width: 600px; /* Limite la largeur maximale pour les grands écrans */
+width: 80%; 
+max-width: 600px; 
 }
 
 .operations-images {
@@ -379,14 +368,14 @@ background-clip: padding-box;
 
 
 .button {
-background: white; /* Couleur de fond blanche par défaut */
+background: white; 
 border: none;
 padding: 15px 25px;
 margin: 10px 0;
 border-radius: 10px;
 font-size: 16px;
 cursor: pointer;
-position: relative; /* Nécessaire pour positionner le pseudo-élément ::before */
+position: relative; 
 width: 100%;
 background-clip: padding-box;
 box-shadow: 0 2px 5px rgba(0,0,0,0.1);
@@ -405,7 +394,7 @@ bottom: -4px;
 background: linear-gradient(135deg, #419FE899 0%,#A35EED99  100%);
 z-index: -1;
 border-radius: 10px;
-transform: rotate(3deg); /* Inclinaison du dégradé */
+transform: rotate(3deg); 
 }
 
 .button:hover {
@@ -423,7 +412,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 }
 
 #questionInput {
-    flex-grow: 1; /* L'input prend tout l'espace disponible */
+    flex-grow: 1; 
     padding: 5px;
     font-size: 1.2rem;
    
@@ -468,9 +457,9 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
     gap: 0px;
     width: 600px;
     height:100px ;
-    overflow: hidden; /* Coupe le texte qui dépasse */
-    white-space: nowrap; /* Empêche le texte de passer à la ligne */
-    text-overflow: ellipsis; /* Ajoute "..." si le texte est trop long */
+    overflow: hidden; 
+    white-space: nowrap; 
+    text-overflow: ellipsis; 
 }
 
 .questionn-container {
@@ -483,7 +472,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 }
 
 #questionnInput {
-    flex-grow: 1; /* L'input prend tout l'espace disponible */
+    flex-grow: 1; 
     padding: 5px;
     font-size: 1.2rem;
    
@@ -528,9 +517,9 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
     gap: 0px;
     width: 600px;
     height:100px ;
-    overflow: hidden; /* Coupe le texte qui dépasse */
-    white-space: nowrap; /* Empêche le texte de passer à la ligne */
-    text-overflow: ellipsis; /* Ajoute "..." si le texte est trop long */
+    overflow: hidden; 
+    white-space: nowrap; 
+    text-overflow: ellipsis; 
 }
 .resultss-container {
     background: white;
@@ -551,7 +540,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 .action-container {
    display: flex;
     align-items: center;
-    gap: 200px; /* Espacement entre les éléments */
+    gap: 200px; 
     margin-top: 5px;
 }
 
@@ -563,7 +552,7 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
     padding: 10px ;
     border-radius: 5px;
     border: 1px solid #ccc;
-    font-size: 16px; /* Agrandit le texte */
+    font-size: 16px; 
     width: 200px;
     
 }
@@ -645,11 +634,11 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
 #fileInput → #graphFileInput
 #graphType → #graphTypeSelect
 
-/* Nouveaux styles avec les IDs modifiés */
+
 #graphResultImage {
     max-width: 100%;
     max-height: 450px;
-    display: none; /* Reste caché par défaut */
+    display: none; 
     margin: 0 auto;
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
@@ -688,8 +677,6 @@ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
     cursor: pointer;
 }
 
-/* Zones de résultats modifiées */
-/* Empêche tout rechargement involontaire */
 body, html {
     overscroll-behavior: contain;
 }