réarrangement des champs de date

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)"

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;
+}

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 }}" />