From 7eb60314a2f5f0cc395e5a41eb74d3a0d5381c59 Mon Sep 17 00:00:00 2001
From: Bastien DUMONT <bdumont@grandlyon.com>
Date: Wed, 30 Oct 2024 14:34:06 +0100
Subject: [PATCH] chore(ui): adjust ec & last challenge

---
 .../ChallengeCardLast/challengeCardLast.scss         |  3 ++-
 .../EcogestureSelectionDetail.tsx                    |  6 +++---
 .../EcogestureSelectionDetail.spec.tsx.snap          | 12 ++++++------
 .../ecogestureSelectionDetail.scss                   |  5 +++--
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss b/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss
index 9ca4dec3a..9d07ac51a 100644
--- a/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss
+++ b/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss
@@ -6,7 +6,8 @@
   box-sizing: border-box;
   padding: 1rem;
   transition: all 300ms ease;
-  border: 1px solid $grey-bright;
+  background-color: $grey-1;
+  border: 1px solid $grey-2;
   border-radius: 4px;
   text-align: center;
   display: flex;
diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx b/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx
index 28e01a0c2..9f825b8df 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx
+++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/EcogestureSelectionDetail.tsx
@@ -84,7 +84,7 @@ const EcogestureSelectionDetail = ({
           }}
           onClick={() => validate(true, false)}
         >
-          <StyledIcon icon={objectiveIcon} size={60} />
+          <StyledIcon icon={objectiveIcon} size={40} />
           {t('ecogesture_selection.button_objective')}
         </Button>
         <Button
@@ -94,7 +94,7 @@ const EcogestureSelectionDetail = ({
           }}
           onClick={() => validate(false, true)}
         >
-          <StyledIcon icon={doingIcon} size={60} />
+          <StyledIcon icon={doingIcon} size={40} />
           {t('ecogesture_selection.button_doing')}
         </Button>
         <Button
@@ -104,7 +104,7 @@ const EcogestureSelectionDetail = ({
           }}
           onClick={() => validate(false, false)}
         >
-          <StyledIcon icon={skipIcon} size={60} />
+          <StyledIcon icon={skipIcon} size={40} />
           {t('ecogesture_selection.button_skip')}
         </Button>
       </div>
diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap b/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap
index 67ebfc6d7..cf334dc22 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap
+++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/__snapshots__/EcogestureSelectionDetail.spec.tsx.snap
@@ -140,8 +140,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] =
           <svg
             aria-hidden="true"
             class="styles__icon___23x3R"
-            height="60"
-            width="60"
+            height="40"
+            width="40"
           >
             <use
               xlink:href="#test-file-stub"
@@ -164,8 +164,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] =
           <svg
             aria-hidden="true"
             class="styles__icon___23x3R"
-            height="60"
-            width="60"
+            height="40"
+            width="40"
           >
             <use
               xlink:href="#test-file-stub"
@@ -188,8 +188,8 @@ exports[`EcogestureSelectionDetail component should be rendered correctly 1`] =
           <svg
             aria-hidden="true"
             class="styles__icon___23x3R"
-            height="60"
-            width="60"
+            height="40"
+            width="40"
           >
             <use
               xlink:href="#test-file-stub"
diff --git a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
index 2edc272da..327be3844 100644
--- a/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
+++ b/src/components/EcogestureSelection/EcogestureSelectionDetail/ecogestureSelectionDetail.scss
@@ -65,12 +65,13 @@
     background-color: $grey-0;
 
     button.btnSecondary {
-      padding: 0.75rem 0.25rem;
-      height: 7.375rem;
+      padding: 16px 8px;
+      height: auto;
       border-radius: 4px;
 
       span {
         flex-direction: column;
+        gap: 4px;
       }
 
       &.objective {
-- 
GitLab