🎨 style on step 4

src/app/features/administration/form/steps/step-four/step-four.component.html

@@ -18,15 +18,25 @@
 				<section class="time-slice-list-of-a-day">
 					<div *ngFor="let timeSlice of dayChoice.timeSlices; index as id" class="time-choice padded">
 						<label for="dateChoices_{{ id }}"> {{ 'hours.element' | translate }} {{ id + 1 }} </label>
-						<input
+						<div class="columns">
-							class="input is-fullwidth"
+							<div class="column">
-							type="text"
+								<input
-							id="dateChoices_{{ id }}"
+									class="input is-fullwidth"
-							[(ngModel)]="timeSlice.literal"
+									type="text"
-						/>
+									id="dateChoices_{{ id }}"
-						<button class="button input is-full" (click)="pollService.timeList.splice(id, 1)">
+									[(ngModel)]="timeSlice.literal"
-							<i class="fa fa-trash"></i> {{ 'choices.delete' | translate }}
+								/>
-						</button>
+							</div>
+							<div class="column is-narrow">
+								<button
+									class="button is-full has-no-border delete-hour"
+									(click)="pollService.timeList.splice(id, 1)"
+								>
+									<i class="fa fa-trash"></i>
+									<!--							{{ 'choices.delete' | translate }}-->
+								</button>
+							</div>
+						</div>
 					</div>
 					<div class="add-time-choice">
 						<button

src/app/features/administration/form/steps/step-four/step-four.component.scss

@@ -1,6 +1,13 @@
 @import '../../../../../../styles/variables';
 @import '../../../../../../styles/dev-utilities/helpers';
 
+.time-slice-list-of-a-day {
+	.column {
+		min-height: 2rem;
+		max-height: 3rem;
+	}
+}
+
 .button {
 	color: $primary_color;
 
@@ -30,8 +37,13 @@
 }
 
 .add-time-choice {
+	margin-top: 0.5rem;
+
 	.button {
 		justify-content: inherit;
 		background: transparent;
 	}
 }
+.delete-hour {
+	background: transparent;
+}