From c33009f7155a3f92b4e6552a0c22bffcff168a86 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Thu, 14 Feb 2019 16:34:00 +0000
Subject: [PATCH] improve layout of status block items
---
.../src/sass/apply/components/_status-block.scss | 15 +++++++++------
1 file changed, 9 insertions(+), 6 deletions(-)
diff --git a/opentech/static_src/src/sass/apply/components/_status-block.scss b/opentech/static_src/src/sass/apply/components/_status-block.scss
index 0b307dd38..4184cf264 100644
--- a/opentech/static_src/src/sass/apply/components/_status-block.scss
+++ b/opentech/static_src/src/sass/apply/components/_status-block.scss
@@ -18,10 +18,13 @@
border-right: 1px solid $color--light-mid-grey;
width: calc(100% / 9);
padding: 10px;
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
}
@include media-query(desktop) {
- padding: 20px 20px 30px;
+ padding: 20px 18px 30px;
}
@include media-query(laptop-short) {
@@ -43,16 +46,16 @@
}
&__info {
- font-size: 14px;
+ font-size: 13px;
color: $color--dark-blue;
+
+ @include media-query(tablet-landscape) {
+ margin-top: auto;
+ }
}
&__title {
font-weight: $weight--semibold;
-
- @include media-query(tablet-landscape) {
- min-height: 55px;
- }
}
&__link {
--
GitLab