3 files changed, 7 insertions, 9 deletions

diff --git a/public/css/calendar.css b/public/css/calendar.css
index 47efcbb..97a23a8 100644
--- a/public/css/calendar.css
+++ b/public/css/calendar.css
@@ -1,11 +1,9 @@
 /* !important est nécessaire pour écraser le CSS inséré par le javascript de fullcalendar */
-
-.event{
+#event, #form_event{
+    padding: 5px;
     border: 2px double;
     border-radius: 5px;
-    width: max-content;
     max-width: 250px;
-    padding: 5px;
 }
 #calendar_zone{
     display: flex;
@@ -61,7 +59,7 @@ td .fc-timegrid-axis{
     #calendar_zone{
         padding: 0;
     }
-    #calendar_zone p, .event > button{
+    #calendar_zone p, #event > button{
         font-size: smaller;
     }
     .fc-toolbar-title{
@@ -82,7 +80,7 @@ td .fc-timegrid-axis{
         background-color: #e3f3ff;
         box-shadow: 1px 1px 3px black;
     }
-    .event{
+    #event, #form_event{
         width: 250px;
     }
 }
diff --git a/public/js/calendar.js b/public/js/calendar.js
index 844d411..8809246 100644
--- a/public/js/calendar.js
+++ b/public/js/calendar.js
@@ -80,7 +80,7 @@ document.addEventListener('DOMContentLoaded', function(){
             const end_hour = (info.event.allDay ? '' : '<br>à ' + end.split('T')[1]).replace(":", "h");
             const formated_end = end_date.split('-')[2] + '/' + end_date.split('-')[1] + '/' + end_date.split('-')[0] + end_hour;
 
-            let aside_content = `<div class="event" style="border-color: ` + info.event.backgroundColor +`;">
+            let aside_content = `<div id="event" style="border-color: ` + info.event.backgroundColor +`;">
                     <h3>` + info.event.title + `</h3>
                     <p><i>` + info.event.extendedProps.description + `</i></p>`;
             if(checked && (formated_start === formated_end)){ // affichage simplifié évènement d'un jour
diff --git a/public/js/calendar_admin.js b/public/js/calendar_admin.js
index a2fb1ac..17ae0c2 100644
--- a/public/js/calendar_admin.js
+++ b/public/js/calendar_admin.js
@@ -81,7 +81,7 @@ document.addEventListener('DOMContentLoaded', function(){
                 }
             }
 
-            const aside_content = `<div class="form_event">
+            const aside_content = `<div id="form_event">
                     <div class="event_title_box">
                         <h2>Nouvel évènement</h2>
                     </div>
@@ -155,7 +155,7 @@ document.addEventListener('DOMContentLoaded', function(){
             const formated_start = formatDate(info.event.start);
             const formated_end = formatDate(info.event.allDay ? minusOneDay(info.event.end) : info.event.end, info.event.allDay);
             
-            const aside_content = `<div class="form_event">
+            const aside_content = `<div id="form_event" style="border-color: ` + info.event.backgroundColor +`;">
                     <div class="event_title_box">
                         <h2>Modifier un évènement</h2>
                     </div>