Update frontend/src/components/AdminPanel.css

frontend/src/components/AdminPanel.css

@@ -1,20 +1,26 @@
 /*** ADMIN ***/
-
 .admin-panel {
-    background-color: #f8f9fa;
-    min-height: 100vh;
-    padding: 20px;
-  }
-  
-  .admin-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 30px;
-    padding-bottom: 15px;
-    border-bottom: 1px solid #ddd;
-  }
-  
+  background-color: #f8f9fa;
+  min-height: 100vh;
+  padding: 20px;
+  width: 100%; /* Assurer que le panneau prend toute la largeur */
+  max-width: 100%; /* Empêcher tout dépassement */
+  box-sizing: border-box; /* Inclure le padding dans la largeur totale */
+  position: absolute; /* Position absolue pour sortir des contraintes du parent */
+  left: 0;
+  right: 0;
+}
+
+/* Ajuster la disposition des éléments dans l'en-tête pour la largeur complète */
+.admin-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 30px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #ddd;
+  width: 100%;
+}
   .admin-user-info {
     display: flex;
     align-items: center;
@@ -30,18 +36,17 @@
     cursor: pointer;
   }
   
-  .admin-content {
-    display: flex;
-    flex-direction: column;
-    gap: 30px;
-  }
-  
-  .admin-section {
-    background-color: white;
-    padding: 20px;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-  }
+.admin-content {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  width: 100%;
+}
+.admin-section {
+  width: 100%;
+  box-sizing: border-box;
+}
+
   
   .upload-form {
     display: flex;
@@ -94,17 +99,19 @@
     border: 1px solid #f5c6cb;
   }
   
-  .documents-table {
-    width: 100%;
-    border-collapse: collapse;
-  }
-  
+ .documents-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed; /* Maintenir une répartition égale des colonnes */
+}
   .documents-table th, .documents-table td {
     padding: 12px;
     text-align: left;
     border-bottom: 1px solid #ddd;
   }
-  
+  .documents-table th, .documents-table td {
+  word-break: break-word; /* Empêcher le texte de faire déborder le tableau */
+}
   .documents-table th {
     background-color: #f2f2f2;
     font-weight: bold;