diff --git a/app/assets/stylesheets/app.scss b/app/assets/stylesheets/app.scss index b7de09d84..1135d69ab 100644 --- a/app/assets/stylesheets/app.scss +++ b/app/assets/stylesheets/app.scss @@ -91,7 +91,7 @@ details summary { .spreadsheet { - margin-bottom: -govuk-spacing(6); + margin-bottom: -1 * govuk-spacing(6); .table { margin-bottom: 0; diff --git a/app/assets/stylesheets/components/banner.scss b/app/assets/stylesheets/components/banner.scss index e25e20be8..5cbe60a45 100644 --- a/app/assets/stylesheets/components/banner.scss +++ b/app/assets/stylesheets/components/banner.scss @@ -88,7 +88,7 @@ } & + p { - margin-top: -govuk-spacing(3); + margin-top: -1 * govuk-spacing(3); } } @@ -175,7 +175,7 @@ } & + .banner-dashboard { - margin-top: -govuk-spacing(6); + margin-top: -1 * govuk-spacing(6); border-top: none; } } diff --git a/app/assets/stylesheets/components/conditional-radios.scss b/app/assets/stylesheets/components/conditional-radios.scss index 7a6a36783..204841740 100644 --- a/app/assets/stylesheets/components/conditional-radios.scss +++ b/app/assets/stylesheets/components/conditional-radios.scss @@ -17,7 +17,7 @@ $top-spacing: govuk-spacing(5); &-panel { border-left: $border-thickness solid $border-colour; - margin: 0 0 (-govuk-spacing(3)) (govuk-spacing(3) + ($border-thickness / 2)); + margin: 0 0 (-1 * govuk-spacing(3)) (govuk-spacing(3) + ($border-thickness / 2)); padding: govuk-spacing(3) 0 0 (govuk-spacing(6) - ($border-thickness / 2)); position: relative; top: -$top-spacing; diff --git a/app/assets/stylesheets/components/message.scss b/app/assets/stylesheets/components/message.scss index 60b203f8c..3d63ff455 100644 --- a/app/assets/stylesheets/components/message.scss +++ b/app/assets/stylesheets/components/message.scss @@ -31,7 +31,7 @@ margin: 0; a { - margin-bottom: -govuk-spacing(6); + margin-bottom: -1 * govuk-spacing(6); padding-bottom: govuk-spacing(6); &:hover .message-name-separator:before { diff --git a/app/assets/stylesheets/components/stick-at-top-when-scrolling.scss b/app/assets/stylesheets/components/stick-at-top-when-scrolling.scss index 540c13f85..14afd4352 100644 --- a/app/assets/stylesheets/components/stick-at-top-when-scrolling.scss +++ b/app/assets/stylesheets/components/stick-at-top-when-scrolling.scss @@ -7,7 +7,7 @@ $sticky-padding: govuk-spacing(4); .js-stick-at-bottom-when-scrolling { overflow: hidden; - margin-left: -govuk-spacing(3); + margin-left: -1 * govuk-spacing(3); padding: 10px 0 0 govuk-spacing(3); position: relative; diff --git a/app/assets/stylesheets/components/table.scss b/app/assets/stylesheets/components/table.scss index ffc84f021..86aff3824 100644 --- a/app/assets/stylesheets/components/table.scss +++ b/app/assets/stylesheets/components/table.scss @@ -343,10 +343,10 @@ position: absolute; - top: -govuk-spacing(3); + top: -1 * govuk-spacing(3); right: 0; - bottom: -govuk-spacing(3) + 4px; - left: -govuk-spacing(3); + bottom: -1 * govuk-spacing(3) + 4px; + left: -1 * govuk-spacing(3); background: transparent; } @@ -387,7 +387,7 @@ td.table-empty-message { text-align: center; .table + & { - margin-top: -govuk-spacing(6); + margin-top: -1 * govuk-spacing(6); } } diff --git a/app/assets/stylesheets/components/tick-cross.scss b/app/assets/stylesheets/components/tick-cross.scss index 0258b4f4f..9d9ce2489 100644 --- a/app/assets/stylesheets/components/tick-cross.scss +++ b/app/assets/stylesheets/components/tick-cross.scss @@ -51,10 +51,10 @@ position: absolute; - top: -govuk-spacing(3) - 1; + top: -1 * govuk-spacing(3) - 1; right: 0; - bottom: -govuk-spacing(3); - left: -govuk-spacing(3); + bottom: -1 * govuk-spacing(3); + left: -1 * govuk-spacing(3); background: transparent; } diff --git a/app/assets/stylesheets/components/vendor/previous-next-navigation.scss b/app/assets/stylesheets/components/vendor/previous-next-navigation.scss index ca86045ee..940542a4e 100644 --- a/app/assets/stylesheets/components/vendor/previous-next-navigation.scss +++ b/app/assets/stylesheets/components/vendor/previous-next-navigation.scss @@ -32,8 +32,8 @@ $is-ie: false !default; display: block; margin-top: govuk-spacing(6); margin-bottom: govuk-spacing(6); - margin-left: -govuk-spacing(3); - margin-right: -govuk-spacing(3); + margin-left: -1 * govuk-spacing(3); + margin-right: -1 * govuk-spacing(3); overflow: hidden; ul { diff --git a/app/assets/stylesheets/views/notification.scss b/app/assets/stylesheets/views/notification.scss index 73153cddb..e0586069a 100644 --- a/app/assets/stylesheets/views/notification.scss +++ b/app/assets/stylesheets/views/notification.scss @@ -2,7 +2,7 @@ @include core-16; color: $secondary-text-colour; - margin-top: -govuk-spacing(3); + margin-top: -1 * govuk-spacing(3); &.error {