From f054f4298d8a770a58d62f1a5f8218f60153d893 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 6 Mar 2018 10:44:05 +0000
Subject: [PATCH] styling apply box content
---
.../templates/dashboard/applicant_dashboard.html | 8 ++++----
.../static_src/src/sass/apply/components/_heading.scss | 4 ++++
.../static_src/src/sass/apply/components/_wrapper.scss | 8 ++++++++
3 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html b/opentech/apply/dashboard/templates/dashboard/applicant_dashboard.html
index 21f8e4b46..22a11dc5c 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 022424e54..363750e35 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 31cf9b086..609730cf2 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;
--
GitLab