From 5225c594ce055f2e3a36106b4aec68a3890cf75e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Thu, 28 Oct 2021 14:48:23 +0200
Subject: [PATCH] Make background header larger than the body width

This way the curve will still work as intended on very large screens.

We're not taking into account the padding of the <main> element in the
SDG goals index for simplicity, since adding it barely has any effect.
---
 app/assets/stylesheets/layout.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index b737b0c89..d80c57799 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2563,6 +2563,11 @@ table {
     height: $line-height * 2;
     background: $highlight;
     margin-top: rem-calc(-48);
+
+    @include breakpoint($global-width) {
+      margin-left: calc(#{$full-width-margin});
+      margin-right: calc(#{$full-width-margin});
+    }
   }
 
   .cards-container {