From 8913a7be134d2e32bc81296ae3aefd5a29997d87 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Fri, 3 Mar 2017 14:22:39 +0000 Subject: [PATCH] Fix button spacing on mobile The buttons overlapped. Got picked up in the service assessment design review. --- app/assets/stylesheets/components/page-footer.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/app/assets/stylesheets/components/page-footer.scss b/app/assets/stylesheets/components/page-footer.scss index ee41ec9fb..31e7e5ab0 100644 --- a/app/assets/stylesheets/components/page-footer.scss +++ b/app/assets/stylesheets/components/page-footer.scss @@ -3,8 +3,17 @@ margin-bottom: 30px; &-back-link { + @include button($grey-1); display: inline-block; + + @include media('mobile') { + box-sizing: border-box; + width: 100%; + margin-top: $gutter-half; + text-align: center; + } + } &-delete-link {