From d2ce9ecac108e8fce0d67b518187f457be4538c7 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 6 Dec 2021 12:25:39 +0100
Subject: [PATCH] hover color on datepicker ripples

---
 .../stepper/stepper.component.html            |  4 +--
 src/styles/partials/_datepicker.scss          | 27 +++++++++++--------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/app/features/administration/stepper/stepper.component.html b/src/app/features/administration/stepper/stepper.component.html
index ec06d507..072d4c60 100644
--- a/src/app/features/administration/stepper/stepper.component.html
+++ b/src/app/features/administration/stepper/stepper.component.html
@@ -88,12 +88,12 @@
 		<p>Souhaitez-vous vraiment quitter le sondage ? Toutes les informations seront effacées.</p>
 		<ng-template pTemplate="footer">
 			<div class="columns">
-				<div class="column">
+				<div class="column is-half-mobile">
 					<button class="button is-warning is-fullwidth cancel-button-confirm" (click)="goToHome()">
 						Quitter
 					</button>
 				</div>
-				<div class="column">
+				<div class="column is-half-mobile">
 					<button
 						class="button is-primary is-fullwidth cancel-button-reject"
 						(click)="display_cancel_dialog = false"
diff --git a/src/styles/partials/_datepicker.scss b/src/styles/partials/_datepicker.scss
index b15757c6..31218ba5 100644
--- a/src/styles/partials/_datepicker.scss
+++ b/src/styles/partials/_datepicker.scss
@@ -2,6 +2,7 @@
 .calendar {
 	text-align: center;
 }
+
 .p-datepicker {
 	padding: 0.5em;
 	margin: 1em auto;
@@ -22,6 +23,7 @@
 
 	.p-datepicker-buttonbar {
 		margin-top: 0.5em;
+
 		button {
 			min-width: 15em;
 		}
@@ -41,18 +43,21 @@
 		background: $white;
 	}
 
-	.p-datepicker-calendar td span {
-		padding: 1.5em 0.5em;
-		width: 3.5em;
-		transition: all ease 0.5s;
-		background: $white;
-		border: solid 1px $secondary_color;
-		color: $secondary_color;
+	.p-datepicker-calendar {
+		td span,
+		.p-ripple {
+			padding: 1.5em 0.5em;
+			width: 3.5em;
+			transition: all ease 0.5s;
+			background: $white;
+			border: solid 1px $secondary_color;
+			color: $secondary_color;
 
-		&:hover {
-			background: mix($white, $secondary_color);
-			color: $white;
-			transition: all ease 0.2s;
+			&:hover {
+				background: $secondary_color !important;
+				color: $white;
+				transition: all ease 0.2s;
+			}
 		}
 	}