From 782ca17d4504933ceab203ad43a160e20709a6eb Mon Sep 17 00:00:00 2001
From: Bastien Dumont <bdumont@grandlyon.com>
Date: Fri, 20 Oct 2023 14:44:41 +0200
Subject: [PATCH] chore(challenge): use gap

---
 .../Challenge/ChallengeCardDone/ChallengeCardDone.tsx         | 4 ++--
 .../Challenge/ChallengeCardDone/challengeCardDone.scss        | 4 +++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
index ecd61187a..ec66ecbaa 100644
--- a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
+++ b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx
@@ -93,8 +93,8 @@ const ChallengeCardDone = ({
       <div className="statsResult">
         <div
           className={classNames('labelResult', {
-            ['win']: userChallenge.success === UserChallengeSuccess.WIN,
-            ['lost']: userChallenge.success === UserChallengeSuccess.LOST,
+            win: userChallenge.success === UserChallengeSuccess.WIN,
+            lost: userChallenge.success === UserChallengeSuccess.LOST,
           })}
         >
           {getResultLabel(userChallenge)}
diff --git a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
index ec6af5ef4..2dee0dd35 100644
--- a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
+++ b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss
@@ -30,7 +30,6 @@
       font-size: 28px;
       line-height: 120%;
       text-transform: uppercase;
-      margin-bottom: 0.5rem;
     }
     .win {
       color: $gold-shadow;
@@ -40,6 +39,9 @@
     }
     .statsResult {
       text-align: center;
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
     }
 
     .buttons {
-- 
GitLab