From 0fd80c4e7689e3fe6aba50aa6809cf11a3333aeb Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 6 Mar 2018 12:38:51 +0000
Subject: [PATCH] adding wrapper around each status bar
---
.../templates/dashboard/applicant_dashboard.html | 2 +-
.../src/sass/apply/components/_wrapper.scss | 13 +++++++++++++
2 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
index 6f003a54e..211a6cb2d 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 609730cf2..12070ae71 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;
+ }
+ }
}
--
GitLab