diff --git a/DigitalLearningSolutions.Web/Styles/learningPortal/selfassessmentcertificate.scss b/DigitalLearningSolutions.Web/Styles/learningPortal/selfassessmentcertificate.scss index ea0b873f76..166e37f81e 100644 --- a/DigitalLearningSolutions.Web/Styles/learningPortal/selfassessmentcertificate.scss +++ b/DigitalLearningSolutions.Web/Styles/learningPortal/selfassessmentcertificate.scss @@ -99,13 +99,12 @@ width: 100%; } -.pg-2 { +.certificate .pg-2 { background-color: white; width: 100%; position: relative; display: flex; flex-direction: column; - width: 100%; max-width: 210mm; min-height: 297mm; margin: 0; @@ -113,8 +112,9 @@ background: white; } -.pg-2 .body { +.certificate .pg-2 .body { padding: 50px; + flex: 1; } .activity { @@ -126,6 +126,7 @@ .activity p, ul { width: 100%; + word-break: break-word; } .activity ul { @@ -157,12 +158,6 @@ .certificate .pg-1 { width: 100%; } - - - - .pg-2 { - width: 100%; - } } .certificate h1 { @@ -378,18 +373,21 @@ .certificate .nhsuk-u-margin-bottom-2 { margin-bottom: 8px !important; } - } +} + @media screen and (max-width: 767px) { .certificate { - width: 95%; + width: 100%; justify-content: space-around; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; -webkit-print-color-adjust: exact; } + .certificate .pg-1 { - width: 95%; + width: 100%; } + .pg-2 { - width: 95%; + width: 100%; } } diff --git a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/CompetencySelfAssessmentCertificate.cshtml b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/CompetencySelfAssessmentCertificate.cshtml index 9c3c3152c0..67fde6c257 100644 --- a/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/CompetencySelfAssessmentCertificate.cshtml +++ b/DigitalLearningSolutions.Web/Views/LearningPortal/SelfAssessments/CompetencySelfAssessmentCertificate.cshtml @@ -11,7 +11,7 @@ padding: 0 0; } - .nhsuk-width-container { + .nhsuk-grid-row { margin: 0; } @@ -49,8 +49,8 @@ {
  • + asp-action="SelfAssessmentOverview" asp-route-vocabulary="@Model.VocabPlural" + asp-route-selfAssessmentId="@Model.CompetencySelfAssessmentCertificates.SelfAssessmentID"> < Back
  • @@ -59,9 +59,9 @@ {
  • + asp-action="ReviewDelegateSelfAssessment" + asp-route-supervisorDelegateId="@Model.LoggedInSupervisorDelegateId" + asp-route-candidateAssessmentId="@Model.CompetencySelfAssessmentCertificates.CandidateAssessmentID"> < Back
  • @@ -76,15 +76,15 @@

    Certificate

    @Model.CompetencySelfAssessmentCertificates.SelfAssessment - @Model.CompetencySelfAssessmentCertificates.LearnerName

    - @if (Model.Vocabulary == "Proficiencies") + @if (Model.Vocabulary == "Proficiencies") { - Download certificate - + asp-controller="LearningPortal" + asp-route-candidateAssessmentId="@Model.CompetencySelfAssessmentCertificates.CandidateAssessmentID" + asp-action="DownloadCertificate" + role="button"> + Download certificate + } @if (Model.Vocabulary == "ProfileAssessment") { @@ -99,9 +99,9 @@
    -

    +
    - +