From 73209f4f4b8a299050bb8a8a1af3361700c1a605 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Fri, 4 Feb 2022 14:48:29 +0100
Subject: [PATCH] style step 4

---
 .../form/steps/step-four/step-four.component.html | 11 +++++++----
 .../form/steps/step-four/step-four.component.scss | 15 +++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

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 73c3e467..d7d68ee5 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
@@ -11,7 +11,7 @@
 				class="days-list-having-separated-time-slices rounded-block"
 				*ngFor="let dayChoice of pollService.dateChoiceList; index as day_id"
 			>
-				<div class="heading day-choice">
+				<div class="heading-day-choice">
 					{{ dayChoice.date_object | date }}
 				</div>
 
@@ -29,8 +29,11 @@
 						</button>
 					</div>
 					<div class="add-time-choice">
-						<button (click)="addChoiceForDay(dayChoice)">
-							<i class="fa fa-plus"></i>
+						<button
+							class="has-text-primary button has-no-border is-fullwidth text-left"
+							(click)="addChoiceForDay(dayChoice)"
+						>
+							<img class="icon" aria-hidden="true" src="assets/icons/plus-circle.svg" />
 							{{ 'hours.add' | translate }}
 						</button>
 					</div>
@@ -38,7 +41,7 @@
 			</div>
 		</div>
 
-		<div class="section copy-paste" *ngIf="environment.display_time_actions_more">
+		<div class="section more-bulk-actions" *ngIf="environment.display_time_actions_more">
 			<div class="actions">
 				<button
 					(click)="pollService.removeAllTimes()"
diff --git a/src/app/features/administration/form/steps/step-four/step-four.component.scss b/src/app/features/administration/form/steps/step-four/step-four.component.scss
index 0cfe2596..820e77fd 100644
--- a/src/app/features/administration/form/steps/step-four/step-four.component.scss
+++ b/src/app/features/administration/form/steps/step-four/step-four.component.scss
@@ -20,3 +20,18 @@
 		width: 1.5em;
 	}
 }
+
+.heading-day-choice {
+	font-size: 1.25rem;
+	line-height: 1.25rem;
+	color: $d-black;
+	font-weight: 700;
+	margin-bottom: 1rem;
+}
+
+.add-time-choice {
+	.button {
+		justify-content: inherit;
+		background: transparent;
+	}
+}