diff --git a/client/src/templates/Challenges/exam-download/show.css b/client/src/templates/Challenges/exam-download/show.css index 8492d0bce7a..23b80e55af6 100644 --- a/client/src/templates/Challenges/exam-download/show.css +++ b/client/src/templates/Challenges/exam-download/show.css @@ -2,3 +2,7 @@ display: flex; flex-direction: column; } + +.exam-qualified p:last-of-type { + margin-bottom: 0; +} diff --git a/client/src/templates/Challenges/exam-download/show.tsx b/client/src/templates/Challenges/exam-download/show.tsx index f220fad4542..ae5e9990317 100644 --- a/client/src/templates/Challenges/exam-download/show.tsx +++ b/client/src/templates/Challenges/exam-download/show.tsx @@ -3,6 +3,7 @@ import { graphql } from 'gatsby'; import Helmet from 'react-helmet'; import { Button, + Callout, Dropdown, MenuItem, Spacer, @@ -199,10 +200,14 @@ function ShowExamDownload({ {title} - {!!missingPrerequisites.length && ( + {missingPrerequisites.length > 0 ? ( + ) : ( + +

{t('learn.exam.qualified')}

+
)}

{t('exam.download-header')}

{t('exam.explanation')}