From 02d4d82997448f99c1d900f9f72d8fcbd8fed018 Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Fri, 20 Oct 2023 14:02:08 +0200
Subject: [PATCH] chore(ecogesture): adjust gap
---
src/components/Ecogesture/SingleEcogestureView.tsx | 4 ++--
.../__snapshots__/SingleEcogestureView.spec.tsx.snap | 4 ++--
src/components/Ecogesture/singleEcogestureView.scss | 9 +++------
3 files changed, 7 insertions(+), 10 deletions(-)
diff --git a/src/components/Ecogesture/SingleEcogestureView.tsx b/src/components/Ecogesture/SingleEcogestureView.tsx
index b8125e558..7f2c228df 100644
--- a/src/components/Ecogesture/SingleEcogestureView.tsx
+++ b/src/components/Ecogesture/SingleEcogestureView.tsx
@@ -143,9 +143,9 @@ const SingleEcogestureView = () => {
)}
</div>
<div className="details">
- <div className="text-22 title">{ecogesture.shortName}</div>
+ <div className="text-22-bold title">{ecogesture.shortName}</div>
<div className="efficiency">
- <span className="text text-14-normal">
+ <span className="text-14-normal">
{t('ecogesture_modal.efficiency')}
</span>
<EfficiencyRating result={Math.round(ecogesture.efficiency)} />
diff --git a/src/components/Ecogesture/__snapshots__/SingleEcogestureView.spec.tsx.snap b/src/components/Ecogesture/__snapshots__/SingleEcogestureView.spec.tsx.snap
index e0259df97..11cde2636 100644
--- a/src/components/Ecogesture/__snapshots__/SingleEcogestureView.spec.tsx.snap
+++ b/src/components/Ecogesture/__snapshots__/SingleEcogestureView.spec.tsx.snap
@@ -70,7 +70,7 @@ exports[`SingleEcogesture component should be rendered correctly 1`] = `
className="details"
>
<div
- className="text-22 title"
+ className="text-22-bold title"
>
Bonhomme de neige
</div>
@@ -78,7 +78,7 @@ exports[`SingleEcogesture component should be rendered correctly 1`] = `
className="efficiency"
>
<span
- className="text text-14-normal"
+ className="text-14-normal"
>
ecogesture_modal.efficiency
</span>
diff --git a/src/components/Ecogesture/singleEcogestureView.scss b/src/components/Ecogesture/singleEcogestureView.scss
index 815bad7e8..6eb19b4f1 100644
--- a/src/components/Ecogesture/singleEcogestureView.scss
+++ b/src/components/Ecogesture/singleEcogestureView.scss
@@ -19,17 +19,14 @@
.details {
flex-direction: column;
display: flex;
+ align-items: center;
+ gap: 0.5rem;
.title {
color: $soft-grey;
- font-weight: 700;
}
.efficiency {
display: flex;
- text-align: center;
- margin: 0.7rem auto 0;
- .text {
- margin-right: 0.7rem;
- }
+ gap: 0.5rem;
}
}
.styled-container {
--
GitLab