diff --git a/src/styles/components/_calendrier.scss b/src/styles/components/_calendrier.scss index f5b32ce..b1ebfa3 100644 --- a/src/styles/components/_calendrier.scss +++ b/src/styles/components/_calendrier.scss @@ -151,23 +151,25 @@ body { height: 100px; } - .bouton_ajout { - width: 300px; - height: 50px; - 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); - color: rgb(255, 255, 255); - cursor: pointer; - font-size: 15px; - &:hover{ - background-color: rgba(114, 114, 114, 0.371); - } - &:active{ - background-color:rgba(68, 68, 68, 0.972); + .bouton_ajout { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + height: 50px; + border-radius: 10px; + background-color: rgba(163, 163, 163, 0.371); + border: 1px solid rgba(255,255,255,0.1); + backdrop-filter: blur(30px); + color: rgb(255, 255, 255); + cursor: pointer; + font-size: 15px; + &:hover{ + background-color: rgba(114, 114, 114, 0.371); + } + &:active{ + background-color:rgba(68, 68, 68, 0.972); + } } } }