From 1898413d6b3055ed9e6532cdd23e9c97a983d231 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 7 Aug 2018 10:50:36 +0100
Subject: [PATCH] make buttons fill width under mob landscape
---
opentech/static_src/src/sass/apply/abstracts/_mixins.scss | 7 +++++++
opentech/static_src/src/sass/apply/components/_button.scss | 1 +
2 files changed, 8 insertions(+)
diff --git a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
index 0283b34ec..af12b70cc 100755
--- a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
+++ b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss
@@ -80,12 +80,19 @@
// Button mixin
@mixin button($bg, $hover-bg) {
+ width: 100%;
padding: 10px 60px;
font-weight: $weight--bold;
color: $color--white;
+ text-align: center;
background: $bg;
transition: color, background, border, $transition;
+ @include media-query(mob-landscape) {
+ width: auto;
+ text-align: left;
+ }
+
&:hover,
&:active {
cursor: pointer;
diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss
index d95bab27c..1cdde11cb 100644
--- a/opentech/static_src/src/sass/apply/components/_button.scss
+++ b/opentech/static_src/src/sass/apply/components/_button.scss
@@ -12,6 +12,7 @@
.form--filters & {
width: 100%;
height: 100%;
+ text-align: center;
}
}
--
GitLab