diff --git a/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss b/src/components/Challenge/ChallengeCardLast/challengeCardLast.scss index 9ca4dec3af5403e01836936d31fc80e0016ae748..9d07ac51aca4a2175d582cd5f24802e311b035fe 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 28e01a0c2dc5aa3474cd90842d578ad97b160234..9f825b8df91669ae07a1d12dd8235970deb9a259 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 67ebfc6d7dabe39a7cc67e76ac2694e02c6cb923..cf334dc22fd3eea8878965084c50c7b10e12ec2c 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 2edc272da52097574d85bc1e4a5f69cdceaea9c4..327be3844040d79f814038761d0293e752b3a313 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 {