diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html index 6f003a54e859dd1801e9ad23d683d14995ef6165..211a6cb2dccd5fc2ec701939ef4529a34d1eb995 100644 --- a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html +++ b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html @@ -21,7 +21,7 @@ <div class="wrapper wrapper--large wrapper--inner-space-medium"> <h3>Your active submissions</h3> {% for submission in my_active_submissions %} - <div> + <div class="wrapper wrapper--status-bar"> <a href="{% url 'funds:submission' submission.id %}">{{ submission.title }}</a> {% include "funds/includes/status_bar.html" with workflow=submission.workflow status=submission.phase class="status-bar--small" %} </div> diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss index 609730cf20459471a75ee5a7e4ba0a492c04235c..12070ae71e04aac858d0e27e131267a467140fa7 100644 --- a/opentech/static_src/src/sass/apply/components/_wrapper.scss +++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss @@ -249,4 +249,17 @@ padding: 20px; } } + + &--status-bar { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + padding: 20px; + background-color: $color--white; + border-bottom: 3px solid $color--light-grey; + + div:first-child { + padding-right: 20px; + } + } }