diff --git a/addUser.jsp b/addUser.jsp
index b9e02321fd65d18de9c51e87b286c0f07e658b22..5812fdced38047d6f9acafea1c553c23bda37ec0 100644
--- a/addUser.jsp
+++ b/addUser.jsp
@@ -11,28 +11,43 @@
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="icon" href="images/LilleConnect.png" type="image/png">
+ <style>
+ /* CSS pour afficher les éléments les uns sous les autres sur les petits écrans */
+ @media (max-width: 576px) {
+ .form-control {
+ width: 100%; /* S'assure que les champs prennent toute la largeur */
+ margin-bottom: 10px; /* Ajoute un espacement entre les champs */
+ }
+
+ .list-group-item {
+ display: block; /* Affiche les éléments de la liste les uns sous les autres */
+ margin-bottom: 10px; /* Espacement entre les éléments de la liste */
+ }
+
+ .btn {
+ width: 100%; /* Les boutons prennent toute la largeur sur petits écrans */
+ margin-top: 10px;
+ }
+ }
+ </style>
</head>
<body>
<div class="container">
- <form action="addUserFil" method="POST" class="row">
+ <form action="addUserFil" method="POST">
<h2>Ajouter Membre(s)</h2>
- <div class="mb-3 col-12 col-md-6">
+ <div class="mb-3">
<label for="utilisateurs" class="form-label">Utilisateur(s)</label>
<input type="text" class="form-control" id="utilisateurs" name="utilisateurs">
<p>Separez les mails utilisateurs par des "/"</p>
- </div>
- <div class="mb-3 col-12 col-md-6">
<label for="admin" class="form-label">Admin ? (true / false)</label>
<input type="text" class="form-control" id="admin" name="admin">
<input type="hidden" name="filId" value="<%= request.getParameter("filId") %>">
</div>
- <div class="col-12">
- <button type="submit" class="btn btn-primary">Ajouter</button>
- </div>
+ <button type="submit" class="btn btn-primary">Ajouter</button>
</form>
</div>
-<div class="container mt-4">
+<div class="container">
<h2>Liste des Membres du Fil</h2>
<ul class="list-group">
<%