🎨 style on step 4

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

@@ -18,16 +18,26 @@
 				<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>
+						<div class="columns">
+							<div class="column">
 								<input
 									class="input is-fullwidth"
 									type="text"
 									id="dateChoices_{{ id }}"
 									[(ngModel)]="timeSlice.literal"
 								/>
-						<button class="button input is-full" (click)="pollService.timeList.splice(id, 1)">
+							</div>
-							<i class="fa fa-trash"></i> {{ 'choices.delete' | translate }}
+							<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
 							class="has-text-primary button has-no-border is-fullwidth text-left"

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