Nettoyage du code, fix de petits bugs.

Co-authored-by: Charpentier Juliette <juliette.charpentier1@etu.u-pec.fr

styles/main.css

@@ -166,7 +166,6 @@ h2 {
   color: white;
   font-size: 1.5rem;
   margin-top: 1rem;
-  padding-left: 2rem;
   text-transform: uppercase;
   font-family: "RobotoFlex";
 }
@@ -335,13 +334,13 @@ input[type="checkbox"] + label::before {
   border-radius: 4px;
 }
 
-/* Changer l'apparence lorsque la case est cochée */
+/* Changement de l'apparence lorsque la case est cochée */
 input[type="checkbox"]:checked + label::before {
   background-color: #007bff;
   border-color: #007bff;
 }
 
-/* Optionnel : Ajouter un indicateur visuel pour la case cochée */
+/* Ajout d'un indicateur visuel pour la case cochée */
 input[type="checkbox"]:checked + label::after {
   content: "✓";
   position: absolute;
@@ -362,16 +361,24 @@ input[type="checkbox"]:checked + label::after {
   appearance: none; /* Pour supprimer le style par défaut */
   -webkit-appearance: none; /* Pour Safari */
   -moz-appearance: none; /* Pour Firefox */
-  background-image: url("https://cdn-icons-png.flaticon.com/16/8442/8442683.png"); /* Ajoutez votre icône personnalisée */
+  background-image: url("https://cdn-icons-png.flaticon.com/16/8442/8442683.png");
   background-repeat: no-repeat;
-  background-position: right 0.5rem center; /* Ajustez selon la taille de votre padding */
-  background-size: 1.5rem; /* Ajustez selon la taille souhaitée pour l'icône */
+  background-position: right 0.5rem center;
+  background-size: 1.5rem;
+}
+
+.not-selectable {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
 }
 
-/* Optionnel : Style pour les options */
 .form-group select option {
-  background-color: #34353a; /* Pour que le fond des options corresponde au select */
-  color: #fffe; /* Couleur du texte des options */
+  background-color: #34353a;
+  color: #fffe;
 }
 
 .event-container img {
@@ -421,8 +428,8 @@ button.new-event:hover {
 
 .events-flex-container {
   display: flex;
-  flex-wrap: wrap; /* Permet aux éléments de passer à la ligne suivante si nécessaire */
-  gap: 1rem; /* Ajoute un espace entre les divs */
+  flex-wrap: wrap;
+  gap: 1rem;
 }
 
 .event-card {
@@ -430,9 +437,7 @@ button.new-event:hover {
   padding: 1rem;
   border-radius: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
-  width: calc(
-    50% - 1rem
-  ); /* Prend la moitié de l'espace disponible, en déduisant l'espace de la 'gap' */
+  width: calc(50% - 1rem);
   max-width: 400px;
   margin: 0 auto 1rem;
 }