diff --git a/opentech/static_src/src/sass/apply/abstracts/_mixins.scss b/opentech/static_src/src/sass/apply/abstracts/_mixins.scss index 0283b34eccc9a145839d5ae63e8aae34b106fb1e..af12b70cc86b60851dde6dad9a04db5eb22bf07c 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 d95bab27c3628eea7c97d1465e06798bd2261e1f..1cdde11cb1fe9e6f84588b730c802b04f4e25eb5 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; } }