styling popup

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

@@ -127,21 +127,16 @@
 		</ng-template>
 		<ng-template pTemplate="footer">
 			<div class="columns">
-				<div class="column has-no-padding is-half-mobile">
+				<div class="column has-no-padding">
-					<button
-						class="button is-fullwidth cancel-button-confirm is-outlined"
-						(click)="focusOnCancelButton()"
-					>
-						Non
-					</button>
-				</div>
-				<div class="column has-no-padding is-half-mobile">
 					<button
 						class="button is-primary is-fullwidth cancel-button-reject-bottom pull-right"
 						(click)="goToHome()"
 					>
 						Oui, annuler sondage
 					</button>
+					<button class="button cancel-button-confirm is-outlined pull-right" (click)="focusOnCancelButton()">
+						Non
+					</button>
 				</div>
 			</div>
 		</ng-template>

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

@@ -77,6 +77,7 @@
 	.cancel-button-reject-bottom {
 		background: $secondary_color;
 		color: $white;
+		margin-left: 2rem;
 	}
 
 	.step-info {
@@ -104,15 +105,21 @@
 
 	.step-counter-text {
 		font-weight: 600;
+		color: $d-blue-700;
 	}
 
+	.top {
+		height: 2rem;
+	}
 	.cancel-button-reject {
 		background: none;
+		color: $secondary_color;
+		margin-right: -1rem;
+		i {
+			margin-left: 1ch;
+		}
 	}
-	.cancel-button-reject,
 	.cancel-button-confirm {
-		display: block !important;
-		width: 100%;
 		color: $secondary_color;
 	}
 }

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

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

src/styles/partials/_typo.scss

@@ -36,6 +36,7 @@ body {
 
 	.p-dialog {
 		font-family: $title_font !important;
+		max-width: $widescreen-width-main-column;
 
 		.p-dialog-header {
 			color: $primary_color !important;