From ea7f2999adc843eb4aa7c1321b1b15a61559854d Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 6 Mar 2018 10:43:50 +0000
Subject: [PATCH] adding application dashboard wrapper for custom spacing
---
.../templates/dashboard/applicant_dashboard.html | 2 +-
.../static_src/src/sass/apply/components/_wrapper.scss | 9 +++++++++
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
index e7d247ea2..21f8e4b46 100644
--- a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
+++ b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
@@ -6,7 +6,7 @@
{% block content %}
<div class="wrapper wrapper--breakout wrapper--admin">
- <div class="wrapper wrapper--large wrapper--search">
+ <div class="wrapper wrapper--large wrapper--applicant-dashboard">
<div>
<h3 class="heading heading--no-margin">Dashboard</h3>
<h5>An overview of active and past submissions</h5>
diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss
index 68e4a2b4e..31cf9b086 100644
--- a/opentech/static_src/src/sass/apply/components/_wrapper.scss
+++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss
@@ -232,4 +232,13 @@
flex-direction: row;
}
}
+ &--applicant-dashboard {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+
+ @include media-query(tablet-portrait) {
+ padding: 20px;
+ }
+ }
}
--
GitLab