From 3135f299f48039932f2719ca90db0564816e22dd Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Tue, 1 Mar 2022 10:56:46 +0100
Subject: [PATCH] bg image for kind of poll

---
 .../form/steps/step-two/step-two.component.html           | 8 ++++----
 .../form/steps/step-two/step-two.component.scss           | 8 +++++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/app/features/administration/form/steps/step-two/step-two.component.html b/src/app/features/administration/form/steps/step-two/step-two.component.html
index c8f1a16e..eaf19088 100644
--- a/src/app/features/administration/form/steps/step-two/step-two.component.html
+++ b/src/app/features/administration/form/steps/step-two/step-two.component.html
@@ -9,13 +9,13 @@
 			<div class=" ">
 				<div class="kind-of-poll">
 					<div
-						class="button input-radio is-fullwidth"
+						class="button input-radio is-fullwidth has-background-kind-date"
 						[ngClass]="{
 							'is-selected': pollService.form.value.isAboutDate != false
 						}"
 						(click)="pollService.form.controls.isAboutDate.setValue(true)"
 					>
-						<img class="icon" src="assets/img/kind_date.svg" alt="icone cal" />
+						<!--						<img class="icon" src="assets/img/kind_date.svg" alt="icone cal" />-->
 						<label for="isAboutDate_true">
 							{{ 'creation.kind.date' | translate }}
 						</label>
@@ -23,13 +23,13 @@
 					</div>
 
 					<div
-						class="button input-radio is-fullwidth"
+						class="button input-radio is-fullwidth has-background-kind-classic"
 						[ngClass]="{
 							'is-selected': !pollService.form.controls.isAboutDate.value != false
 						}"
 						(click)="pollService.form.controls.isAboutDate.setValue(false)"
 					>
-						<img class="icon" src="assets/img/kind_classic.svg" alt="icone chart" />
+						<!--						<img class="icon" src="assets/img/kind_classic.svg" alt="icone chart" />-->
 
 						<label for="isAboutDate_false">
 							{{ 'creation.kind.classic' | translate }}
diff --git a/src/app/features/administration/form/steps/step-two/step-two.component.scss b/src/app/features/administration/form/steps/step-two/step-two.component.scss
index bdcfddf9..68f7bbf1 100644
--- a/src/app/features/administration/form/steps/step-two/step-two.component.scss
+++ b/src/app/features/administration/form/steps/step-two/step-two.component.scss
@@ -20,7 +20,7 @@
 		transition: background-color ease 1.5s;
 		color: $font-color;
 		margin-bottom: 0.85rem;
-		padding: 1rem;
+		padding: 1rem 1rem 1rem 48px;
 
 		label {
 			font-weight: 700;
@@ -50,5 +50,11 @@
 			border: solid $primary-color 1px;
 			transition: background-color ease 0.25s;
 		}
+		&.has-background-kind-classic {
+			background: $d-blue30 url('/assets/img/kind_classic.svg') no-repeat 19px center;
+		}
+		&.has-background-kind-date {
+			background: $d-blue30 url('/assets/img/kind_date.svg') no-repeat 19px center;
+		}
 	}
 }