From 3ed7da562d3e95b8256bedca229f0e49983e88c7 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 6 Mar 2018 10:21:41 +0000
Subject: [PATCH] adding wrapper for tabs custom spacing
---
.../templates/funds/applicationsubmission_detail.html | 2 +-
.../static_src/src/sass/apply/components/_wrapper.scss | 10 ++++++++--
2 files changed, 9 insertions(+), 3 deletions(-)
diff --git a/opentech/apply/funds/templates/funds/applicationsubmission_detail.html b/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
index 73a6ad6a2..730a2da3a 100644
--- a/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
+++ b/opentech/apply/funds/templates/funds/applicationsubmission_detail.html
@@ -31,7 +31,7 @@
</div>
</div>
-<div class="wrapper wrapper--medium wrapper--inner-space-xl">
+<div class="wrapper wrapper--medium wrapper--tabs">
{# Tab 1 #}
<div class="tabs__content tabs__content--current" id="tab-1">
<div class="wrapper wrapper--sidebar">
diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss
index 3af985999..d93586545 100644
--- a/opentech/static_src/src/sass/apply/components/_wrapper.scss
+++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss
@@ -247,13 +247,11 @@
}
&--comments {
- padding: 20px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid $color--mid-grey;
@include media-query(tablet-portrait) {
- padding: 0;
padding-bottom: 35px;
margin-bottom: 35px;
}
@@ -262,4 +260,12 @@
display: none;
}
}
+
+ &--tabs {
+ padding: 20px 0;
+
+ @include media-query(tablet-portrait) {
+ padding: 4rem 0;
+ }
+ }
}
--
GitLab