diff --git a/opentech/static_src/src/sass/apply/components/_button.scss b/opentech/static_src/src/sass/apply/components/_button.scss index d388f15eaaf9eca8eed18837bdbec34a2965c3ab..5ebcce8979c9328a65d199918924f6676d478454 100644 --- a/opentech/static_src/src/sass/apply/components/_button.scss +++ b/opentech/static_src/src/sass/apply/components/_button.scss @@ -81,7 +81,7 @@ @include media-query(tablet-landscape) { background: none; - padding: 0; + padding: 0 10px; border: 0; align-items: center; justify-content: flex-start; @@ -109,7 +109,7 @@ &--search { position: absolute; - top: .35em; + top: .65em; right: 10px; svg { diff --git a/opentech/static_src/src/sass/apply/components/_form.scss b/opentech/static_src/src/sass/apply/components/_form.scss index 3e823d71b1a35688e28c5ccb7ce2155e498d63e3..c7708add8d06a46a2ac14c522915aa821a09bc82 100644 --- a/opentech/static_src/src/sass/apply/components/_form.scss +++ b/opentech/static_src/src/sass/apply/components/_form.scss @@ -17,9 +17,16 @@ } } - &--search-desktop { + &--search { position: relative; - width: 280px; + max-width: 300px; + margin-top: $mobile-gutter; + width: 100%; + + @include media-query(tablet-landscape) { + max-width: 280px; + margin: 0 0 0 30px; + } } &__group { diff --git a/opentech/static_src/src/sass/apply/components/_input.scss b/opentech/static_src/src/sass/apply/components/_input.scss index 49d68e3d387c111ccdcf2bfba9dcd653593c028f..fa64ea285549a1667ce69b28956e986ce9035b1c 100644 --- a/opentech/static_src/src/sass/apply/components/_input.scss +++ b/opentech/static_src/src/sass/apply/components/_input.scss @@ -4,6 +4,6 @@ padding: 10px; color: $color--dark-grey; background: transparent; - border: 1px solid $color--white; + border: 1px solid $color--mid-dark-grey; } } diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss index 8644613f54eddf62b831164dd3020f99480129a4..1d4ac18c0817957a345fd68d67e2b977ca37f3b0 100644 --- a/opentech/static_src/src/sass/apply/components/_wrapper.scss +++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss @@ -269,13 +269,14 @@ &--table-actions { margin-bottom: 20px; - @include media-query(tablet-landscape) { + @include media-query(tablet-portrait) { display: flex; - justify-content: flex-end; + justify-content: space-between; - & > * { - padding-left: 20px; - } + } + + @include media-query(tablet-landscape) { + justify-content: flex-end; } } }