From e0b6b83b11db2f73e3030014812d2bf421b0eee6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Thu, 28 Jan 2021 19:49:31 +0100
Subject: [PATCH] Use <main> in SDG index

Just like we do in the other sections.

We're also moving the banner inside the <main> element because we do it
the same way in other sections.
---
 app/components/sdg/goals/index_component.html.erb | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/sdg/goals/index_component.html.erb b/app/components/sdg/goals/index_component.html.erb
index 99caed36a..7769fb03d 100644
--- a/app/components/sdg/goals/index_component.html.erb
+++ b/app/components/sdg/goals/index_component.html.erb
@@ -1,8 +1,8 @@
 <% provide(:title) { title } %>
 
-<%= render Shared::BannerComponent.new("sdg") %>
+<main class="sdg-goals-index">
+  <%= render Shared::BannerComponent.new("sdg") %>
 
-<div class="sdg-goals-index">
   <%= link_list(*goal_links, class: "sdg-goal-list") %>
 
   <% phases.each do |phase| %>
@@ -14,4 +14,4 @@
       <%= render "shared/cards", cards: phase.cards %>
     </section>
   <% end %>
-</div>
+</main>