From a75e470c7d5584e161d2e5d3af251f868ffaf638 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Tue, 21 Sep 2021 16:16:13 +0200
Subject: [PATCH] Fix SDG section header and banner background

They weren't taking the full width because in the SDG index the `main`
element has a padding.
---
 app/assets/stylesheets/sdg/goals/index.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/app/assets/stylesheets/sdg/goals/index.scss b/app/assets/stylesheets/sdg/goals/index.scss
index 91588aaaa..d166e610a 100644
--- a/app/assets/stylesheets/sdg/goals/index.scss
+++ b/app/assets/stylesheets/sdg/goals/index.scss
@@ -1,6 +1,12 @@
 .sdg-goals-index {
+  .banner,
+  .header-card,
+  .section-header {
+    @include full-width-background($adjust-padding: true);
+  }
 
   .section-header {
+    @include full-width-border(bottom, 1px solid #eee, $adjust-padding: true);
 
     h1 {
       &::before {