débug calendrier

src/pages/Calendrier.js

@@ -85,8 +85,10 @@ const Calendrier = () => {
                             selected={newEvent.Début} onChange={(Début) => setNewEvent({...newEvent, Début})} />
                             <DatePicker className="ajout_input" placeholderText="Date de fin"
                             selected={newEvent.Fin} onChange={(Fin) => setNewEvent({...newEvent, Fin})} />
-                            <button className="bouton_ajout" onClick={handleAddEvent}>Ajouter l'évènement</button>
                         </div>
+                        <button className="bouton_ajout" onClick={handleAddEvent}>
+                            <p>Ajouter l'évènement</p>
+                        </button>
                     </h2>
                     <Calendar localizer={localizer} events={allEvents} 
                     startAccessor="start" endAccessor="end" style={{height: "100%", width:"99%"}}/>

src/styles/components/_calendrier.scss

@@ -137,18 +137,28 @@ body {
                 margin: 5px 10px 10px 5px;
                 text-align: center;
 
+                .Titre {
+                    display: flex;
+                    flex-direction: column;
+                    justify-content: space-around;
+                    width: 200px;
+                
+
                     .mini_formulaire_evenement {
                         display: flex;
-                flex-direction: row;
+                        flex-direction: column;
                         margin-top: 10px;
                         height: 100px;
+                    }
 
                     .bouton_ajout {
-                    width: 300px;
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: space-around;
+                        margin: 5px;
                         height: 50px;
+                        align-items: center;
                         border-radius: 10px;
-                    border: 0.5px solid;
-                    border: 0;
                         background-color: rgba(163, 163, 163, 0.371);
                         border: 1px solid rgba(255,255,255,0.1);
                         backdrop-filter: blur(30px);
@@ -161,12 +171,12 @@ body {
                         &:active{
                             background-color:rgba(68, 68, 68, 0.972);   
                         }
+
+                    }
                 }
             }
 
             .rbc-calendar {
-                margin-top: 200px;
-
                 .rbc-day-bg {
                     border-radius: 5px;
                 }