From 00a700019a08a90f4ca9ae4fde4065cd8ae57cf1 Mon Sep 17 00:00:00 2001
From: Yoan VALLET <ext.sopra.yvallet@grandlyon.com>
Date: Thu, 28 May 2020 12:15:37 +0200
Subject: [PATCH] feat: align ecogesture texts
---
.../ContentComponents/EcogestureCard/EcogestureCard.tsx | 8 ++++----
src/styles/components/_ecogesture.scss | 5 ++++-
2 files changed, 8 insertions(+), 5 deletions(-)
diff --git a/src/components/ContentComponents/EcogestureCard/EcogestureCard.tsx b/src/components/ContentComponents/EcogestureCard/EcogestureCard.tsx
index f2a879782..f639613b2 100644
--- a/src/components/ContentComponents/EcogestureCard/EcogestureCard.tsx
+++ b/src/components/ContentComponents/EcogestureCard/EcogestureCard.tsx
@@ -56,15 +56,15 @@ const EcogestureCard: React.FC<EcogestureCardProps> = ({
ecogesture.unlocked ? 'ec-content-unlocked' : ''
}`}
>
- {ecogesture.unlocked && ecogesture.iconName && (
- <div>
+ <div className="ec-content-icon">
+ {ecogesture.unlocked && ecogesture.iconName && (
<Icon
className="Icon"
icon={getEcogestureIconSVG(ecogesture.iconName)}
size={50}
/>
- </div>
- )}
+ )}
+ </div>
<div className="ec-content-short-name text-16-bold">
{ecogesture.shortName}
</div>
diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss
index 926ae5157..b5900788c 100644
--- a/src/styles/components/_ecogesture.scss
+++ b/src/styles/components/_ecogesture.scss
@@ -61,6 +61,9 @@
&.ec-content-challenge {
padding: 0.5rem 0;
}
+ .ec-content-icon{
+ min-height: 50px;
+ }
.ec-content-challenge-text {
display: flex;
flex: 1;
@@ -69,7 +72,7 @@
.ec-content-short-name {
display: flex;
flex: 1;
- align-items: flex-end;
+ align-items: center;
text-align: center;
}
.ec-content-nwh {
--
GitLab