diff --git a/opentech/apply/users/templates/users/account.html b/opentech/apply/users/templates/users/account.html index fec9e916078b0b8b8fe3272afbdea108f2906bb5..4b5cae87b67e4c1765c5b8b1b857a9e5d7129391 100644 --- a/opentech/apply/users/templates/users/account.html +++ b/opentech/apply/users/templates/users/account.html @@ -3,11 +3,10 @@ {% block title %}Account{% endblock %} - {% block content %} <div class="admin-bar"> <div class="admin-bar__inner wrapper--search"> - <h3>Welcome {{ user }}</h3> + <h3 class="admin-bar__heading">Welcome {{ user }}</h3> </div> </div> diff --git a/opentech/static_src/src/sass/apply/abstracts/_variables.scss b/opentech/static_src/src/sass/apply/abstracts/_variables.scss index 0b869a8bbcee8ba7c9c317d5b05d24888eacd82f..e51f1f81e00307872c3ce043b92ce159ee6f5d27 100755 --- a/opentech/static_src/src/sass/apply/abstracts/_variables.scss +++ b/opentech/static_src/src/sass/apply/abstracts/_variables.scss @@ -87,3 +87,6 @@ $breakpoints: ( // Transition $transition: 0.25s ease-out; $quick-transition: 0.15s ease; + +// Spacing +$mobile-gutter: 20px; diff --git a/opentech/static_src/src/sass/apply/components/_admin-bar.scss b/opentech/static_src/src/sass/apply/components/_admin-bar.scss index d73851de6aae0b3e360d2372ba4c2bae1f8fe0eb..9cc8a34affd212942794afee61b732f8529eb8b6 100644 --- a/opentech/static_src/src/sass/apply/components/_admin-bar.scss +++ b/opentech/static_src/src/sass/apply/components/_admin-bar.scss @@ -3,7 +3,7 @@ right: 50%; left: 50%; width: 100vw; - padding: 20px; + padding: $mobile-gutter; margin-right: -50vw; margin-left: -50vw; color: $color--white; @@ -22,4 +22,10 @@ } } } + + &__heading { + &:only-child { + margin-bottom: 0; + } + } } diff --git a/opentech/static_src/src/sass/apply/components/_section.scss b/opentech/static_src/src/sass/apply/components/_section.scss index 8137fac1ca9a92169502f501b581fb8b3aaedfb2..4b7d3979b2b25d4725b21bb407eaec2334a63710 100644 --- a/opentech/static_src/src/sass/apply/components/_section.scss +++ b/opentech/static_src/src/sass/apply/components/_section.scss @@ -1,7 +1,7 @@ .section { &--has-sidebar { flex-grow: 1; - margin: 20px 0; + margin: $mobile-gutter 0; @include media-query(tablet-portrait) { padding-right: 20px; diff --git a/opentech/static_src/src/sass/apply/components/_wrapper.scss b/opentech/static_src/src/sass/apply/components/_wrapper.scss index fe5c736689d59c02110f1d0616455eff89c50a40..cd316173056a4f6eba0e82da04882bf50bc50f8c 100644 --- a/opentech/static_src/src/sass/apply/components/_wrapper.scss +++ b/opentech/static_src/src/sass/apply/components/_wrapper.scss @@ -17,7 +17,11 @@ } &--main { - padding: 0 20px; + padding: 0 $mobile-gutter; + + @include media-query(desktop) { + padding: 0; + } } &--blockquote {