ajout css pour page listerEvenement

php/public/assets/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M782.87-98.52 526.913-354.478q-29.435 21.739-68.152 34.608-38.718 12.87-83.283 12.87-114.087 0-193.544-79.457Q102.477-465.913 102.477-580q0-114.087 79.457-193.544 79.457-79.457 193.544-79.457 114.087 0 193.544 79.457Q648.479-694.087 648.479-580q0 45.13-12.87 83.283-12.869 38.152-34.608 67.021l256.522 257.087-74.653 74.088ZM375.478-413.002q69.913 0 118.456-48.543Q542.477-510.087 542.477-580q0-69.913-48.543-118.456-48.543-48.543-118.456-48.543-69.913 0-118.456 48.543Q208.479-649.913 208.479-580q0 69.913 48.543 118.456 48.543 48.543 118.456 48.543Z"/></svg>

php/public/css/evenement.css

@@ -17,7 +17,29 @@ body {
     margin-top: 20px;
 }
 
+.div_titres {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.div_titres a {
+    width: 20%;
+}
+
+.div_titres h1 {
+    width: 50%;
+    color: #00DBFF;
+}
+
+.div_titres a img {
+    margin-left: 40px;
+}
+
 h1 {
+    display: flex;
+    justify-content: center;
     color: #00DBFF;
 }
 
@@ -25,7 +47,7 @@ h1 {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    margin-bottom: 20px;
+    margin-top: 20px;
     padding: 15px;
     border: 1px solid #dee2e6;
     border-radius: 5px;

php/templates/evenement.html

@@ -14,7 +14,13 @@
     </header>
 
     <div class="container mt-4">
-        <h1>Liste des Événements</h1>
+        <div class="div_titres">
+            <a href="../public/index.php?action=recherherEvenement" >
+                <img src="assets/search.svg" alt="rechercher" width="30px">
+            </a>
+            <h1>Liste des Événements</h1>
+            <a href="../public/index.php?action=creerEvenement" class="btn btn-primary">Publier événement</a>
+        </div>
         <ul class="list-group">
             {% for evenement in evenements %}
                 <li class="list-group-item">