i18n on stepper

src/app/features/administration/stepper/stepper.component.html

@@ -118,7 +118,7 @@
 					Fermer <i class="fa fa-times"></i>
 				</button>
 			</div>
-			<h1 class="title is-2">
+			<h1 class="title">
 				{{ 'popup.cancel.title' | translate }}
 			</h1>
 			<p>

src/app/features/administration/stepper/stepper.component.scss

@@ -77,7 +77,7 @@
 	.cancel-button-reject-bottom {
 		background: $secondary_color;
 		color: $white;
-		margin-left: 2rem;
+		margin-left: 1rem;
 	}
 
 	.step-info {
@@ -113,14 +113,16 @@
 	}
 	.cancel-button-reject {
 		background: none;
-		color: $secondary_color;
+		color: $primary_color;
 		margin-right: -1rem;
 		i {
+			color: $primary_color;
 			margin-left: 1ch;
 		}
 	}
 	.cancel-button-confirm {
 		color: $secondary_color;
+		margin-right: 0;
 	}
 }
 

src/app/features/administration/stepper/stepper.component.ts

@@ -18,8 +18,7 @@ export class StepperComponent {
 	@Input()
 	public step_max: number = 5;
 	public environment = environment;
-	public show_shortcuts = environment.showStepperShortcuts;
-	display_cancel_dialog: boolean = true;
+	display_cancel_dialog: boolean = false;
 
 	constructor(
 		public pollService: PollService,

src/assets/i18n/EN.json

@@ -40,7 +40,7 @@
 			"classic": "classic",
 			"date": "special dates"
 		},
-		"choose_title": "Whom title will be",
+		"choose_title": "Provide a name for your poll",
 		"choose_title_placeholder": "title",
 		"name": "I can also specify my name if i want",
 		"name_placeholder": "my name",

src/styles/partials/_datepicker.scss

@@ -9,7 +9,11 @@ p-calendar,
 	width: 100%;
 	max-width: 90vw;
 }
-
+.p-dialog {
+	.title {
+		color: $primary_color;
+	}
+}
 .p-datepicker {
 	padding: 0.5em;
 	margin: 1em auto;