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