From 3c4c0b5337cd6cb54e759f279de5faf78a0b87dc Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Tue, 18 May 2021 12:36:49 +0200
Subject: [PATCH] =?UTF-8?q?r=C3=A9arrangement=20des=20champs=20de=20date?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../form/date/list/day/day-list.component.html             | 6 ++++--
 .../form/date/list/day/day-list.component.scss             | 7 +++++++
 .../form/date/list/time/time-list.component.html           | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/features/administration/form/date/list/day/day-list.component.html b/src/app/features/administration/form/date/list/day/day-list.component.html
index 85272a59..b4c9ed87 100644
--- a/src/app/features/administration/form/date/list/day/day-list.component.html
+++ b/src/app/features/administration/form/date/list/day/day-list.component.html
@@ -30,8 +30,10 @@
 				cdkDrag
 				[ngClass]="{ 'day-weekend': isWeekendDay(choice.date_object) }"
 			>
-				<i class="fa fa-arrows-v"></i>
-				{{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }}
+				<span class="button is-default" for="dateChoices_{{ id }}">
+					<i class="icon fa fa-arrows-v"></i>
+					{{ choice.date_object | date: 'E':'Europe/Paris':'fr_FR' }}
+				</span>
 				<input
 					[(ngModel)]="choice.date_object"
 					(keyup)="keyOnChoice($event, id)"
diff --git a/src/app/features/administration/form/date/list/day/day-list.component.scss b/src/app/features/administration/form/date/list/day/day-list.component.scss
index 742c4932..3a5de462 100644
--- a/src/app/features/administration/form/date/list/day/day-list.component.scss
+++ b/src/app/features/administration/form/date/list/day/day-list.component.scss
@@ -1,3 +1,10 @@
 .day-weekend {
 	background: #dedede;
 }
+.button {
+	min-width: 9ch;
+}
+.icon {
+	margin-right: 1ch;
+	display: inline-block;
+}
diff --git a/src/app/features/administration/form/date/list/time/time-list.component.html b/src/app/features/administration/form/date/list/time/time-list.component.html
index c6ddf322..7676e2a5 100644
--- a/src/app/features/administration/form/date/list/time/time-list.component.html
+++ b/src/app/features/administration/form/date/list/time/time-list.component.html
@@ -1,6 +1,6 @@
 <div class="time-list-container" cdkDropList [cdkDropListData]="timeSlices" (cdkDropListDropped)="dropTimeItem($event)">
 	<div *ngFor="let time of timeSlices; index as id" class="time-choice" cdkDrag>
-		<label class="icon" for="timeChoices_{{ id }}">
+		<label class="icon button is-default" for="timeChoices_{{ id }}">
 			<i class="fa fa-arrows-v" aria-hidden="true"></i>
 		</label>
 		<input [(ngModel)]="time.literal" name="timeChoices_{{ id }}" type="text" id="timeChoices_{{ id }}" />