diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html index 21f8e4b465c754769888f801b4f816256ffc7a1a..22a11dc5cace7062fbf17cdc3533c7743883b2b3 100644 --- a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html +++ b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html @@ -11,10 +11,10 @@ <h3 class="heading heading--no-margin">Dashboard</h3> <h5>An overview of active and past submissions</h5> </div> - <div> - <h3>Submit a new application</h3> - <h4>Apply now for our open rounds</h4> - <a href="{% pageurl APPLY_SITE.root_page %}" class="button">Apply</a> + <div class="wrapper wrapper--apply-box"> + <h4 class="heading heading--no-margin">Submit a new application</h4> + <h5 class="heading heading--normal">Apply now for our open rounds</h5> + <a class="button button--primary" href="{% pageurl APPLY_SITE.root_page %}" class="button">Apply</a> </div> </div> </div> diff --git a/opentech/static_src/src/sass/apply/components/_heading.scss b/opentech/static_src/src/sass/apply/components/_heading.scss index 022424e5470786d80f7ccf2886c8e842bcd6e293..363750e35b34e51a12067a09f1d168dcfd6ce674 100644 --- a/opentech/static_src/src/sass/apply/components/_heading.scss +++ b/opentech/static_src/src/sass/apply/components/_heading.scss @@ -45,4 +45,8 @@ &--uppercase { text-transform: uppercase; } + + &--normal { + font-weight: $weight--normal; + } } diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss index 31cf9b086d0830a84fb2a478228601bf08946db1..609730cf20459471a75ee5a7e4ba0a492c04235c 100644 --- a/opentech/static_src/src/sass/apply/components/_wrapper.scss +++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss @@ -232,6 +232,14 @@ flex-direction: row; } } + + &--apply-box { + width: 385px; + padding: 20px; + color: $color--default; + background-color: $color--white; + } + &--applicant-dashboard { display: flex; flex-wrap: wrap;