From cd2e27c399b53875cafed6cbac199310cb09d30c Mon Sep 17 00:00:00 2001
From: tykayn <contact@cipherbliss.com>
Date: Tue, 21 Dec 2021 16:36:43 +0100
Subject: [PATCH] default to calendar input

---
 src/app/core/services/poll.service.ts                      | 2 +-
 .../form/steps/step-four/step-four.component.html          | 4 ++--
 .../form/steps/step-three/step-three.component.html        | 3 +++
 src/styles/partials/_forms.scss                            | 7 ++++---
 src/styles/partials/global.scss                            | 4 ++++
 5 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/core/services/poll.service.ts b/src/app/core/services/poll.service.ts
index 48cea048..8bdd49d3 100644
--- a/src/app/core/services/poll.service.ts
+++ b/src/app/core/services/poll.service.ts
@@ -47,7 +47,7 @@ export class PollService implements Resolve<Poll> {
 	public showDateInterval = false;
 	public allowSeveralHours = false;
 	public richTextMode = false;
-	public mode_calendar = false;
+	public mode_calendar = true;
 	public calendar: Date[] = [new Date()];
 	public disabled_dates: Date[] = [];
 
diff --git a/src/app/features/administration/form/steps/step-four/step-four.component.html b/src/app/features/administration/form/steps/step-four/step-four.component.html
index bb6d6b42..a5280d1a 100644
--- a/src/app/features/administration/form/steps/step-four/step-four.component.html
+++ b/src/app/features/administration/form/steps/step-four/step-four.component.html
@@ -39,9 +39,9 @@
 		</div>
 		<section class="same-time-slices">
 			<section class="same-time-slices" *ngIf="pollService.form.value.hasSeveralHours">
-				<h3 class="title is-3">
+				<h2 class="title is-2">
 					Choisissez les horaires ou options à appliquer à toutes les dates
-				</h3>
+				</h2>
 
 				<section class="proposals" *ngIf="environment.creation_display_proposals_time_slices">
 					<h3 class="title is-3">
diff --git a/src/app/features/administration/form/steps/step-three/step-three.component.html b/src/app/features/administration/form/steps/step-three/step-three.component.html
index b87c5f27..33b767d4 100644
--- a/src/app/features/administration/form/steps/step-three/step-three.component.html
+++ b/src/app/features/administration/form/steps/step-three/step-three.component.html
@@ -1,5 +1,8 @@
 <app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
 <div class="step min-height">
+	<h2 class="title is-2">Choisissez les dates</h2>
+	<!--	<h2 class="title is-2">choisissez les propositions</h2>-->
+
 	<app-errors-list [form]="pollService.form"></app-errors-list>
 	<!--	sélecteur d'interface-->
 	<button class="button is-fullwidth date-input-selector is-secondary" (click)="changeDateInputMode()">
diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss
index 9e0a0093..a7bec772 100644
--- a/src/styles/partials/_forms.scss
+++ b/src/styles/partials/_forms.scss
@@ -12,7 +12,7 @@ input.is-hovered,
 select.is-hovered,
 .is-hovered.textarea,
 .select select.is-hovered {
-	border-color: $input-border-color !important;
+	border-color: $font-color !important ;
 }
 
 app-step-one,
@@ -53,7 +53,7 @@ select,
 .select {
 	font-size: 1rem !important;
 	line-height: 1.25rem;
-	border: solid 1px $input-border-color !important;
+	border: solid 1px $font-color !important;
 	border-radius: 4px;
 	max-width: 90vw !important;
 	@extend .clickable;
@@ -290,7 +290,7 @@ mat-checkbox {
 .step {
 	max-width: $main-column-width;
 	margin: 0 auto;
-	padding: 9rem 1rem;
+	padding: 9rem 0;
 	box-sizing: border-box;
 	overflow: auto;
 	@extend .top-padding-nav;
@@ -341,6 +341,7 @@ label {
 	margin-bottom: 0.5rem;
 	display: block;
 	@extend .clickable;
+	max-width: 100%;
 }
 
 .striked-background {
diff --git a/src/styles/partials/global.scss b/src/styles/partials/global.scss
index 012f6828..c1979c61 100644
--- a/src/styles/partials/global.scss
+++ b/src/styles/partials/global.scss
@@ -100,6 +100,10 @@ main {
 	margin: 0 auto;
 	width: 100%;
 	display: block;
+	.bottom-step-buttons & {
+		max-width: $main-column-width-inner;
+		height: 1rem;
+	}
 }
 .contained-desktop,
 .stuff {