Planning's modifications

assets/css/planningEvents.css

@@ -7,6 +7,7 @@
 #tablePlanning {
     margin: auto;
     display: flex;
+
 }
 
 .planning-header {
@@ -40,8 +41,11 @@
     display: flex;
 }
 
+.event:hover {
+    color: #e9b82f;
+}
+
 .event-color {
-    background-color: #bf021c;
     border-radius: 10px;
     border: none;
     margin: 5px 0;
@@ -49,12 +53,17 @@
     width: 100%;
 }
 
+.event-color:hover{
+    border-color: #e9b82f;
+
+}
+
 .event-text {
     margin: auto;
 }
 
 .day-column {
     position: relative;
-    min-width: 200px;
+    min-width: 150px;
     margin: 0 5px;
 }

planning.php

@@ -16,7 +16,7 @@ ob_start(); // Start reading html
 <div class="inner">
     <h1 id="info-box-top">Informations</h1>
     <div id="infoBox">
-        <p>Clique sur un évenement pour afficher ses informations</p>
+        <p>Clique sur un événement pour afficher ses informations</p>
     </div>
 </div>