From d1675750b8bcf7903029b25582e45fd4bef23053 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Mon, 8 Mar 2021 10:50:52 +0100
Subject: [PATCH] Fix a chrome bug in versions lower than 86

https://bugs.chromium.org/p/chromium/issues/detail?id=375693
---
 app/assets/stylesheets/sdg/related_list_selector.scss     | 5 ++++-
 .../sdg/related_list_selector_component.html.erb          | 8 +++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/sdg/related_list_selector.scss b/app/assets/stylesheets/sdg/related_list_selector.scss
index 9f2b2a2a8..7b32edaf7 100644
--- a/app/assets/stylesheets/sdg/related_list_selector.scss
+++ b/app/assets/stylesheets/sdg/related_list_selector.scss
@@ -17,7 +17,6 @@
   }
 
   .goals {
-    @extend %sdg-goal-list-expanded;
 
     + label {
       @include element-invisible;
@@ -27,6 +26,10 @@
       font-weight: normal;
       font-style: italic;
     }
+  }
+
+  .goal-list {
+    @extend %sdg-goal-list-expanded;
 
     input {
       @include element-invisible;
diff --git a/app/components/sdg/related_list_selector_component.html.erb b/app/components/sdg/related_list_selector_component.html.erb
index 54c600aae..4d8135b57 100644
--- a/app/components/sdg/related_list_selector_component.html.erb
+++ b/app/components/sdg/related_list_selector_component.html.erb
@@ -4,9 +4,11 @@
   <div class="input-section">
     <fieldset class="goals">
       <legend><%= t("sdg.related_list_selector.goal_list", record: relatable_name) %></legend>
-      <%= f.collection_check_boxes(:sdg_goal_ids, goals, :id, :code) do |checkbox_form| %>
-        <%= goal_field(checkbox_form) %>
-      <% end %>
+      <div class="goal-list">
+        <%= f.collection_check_boxes(:sdg_goal_ids, goals, :id, :code) do |checkbox_form| %>
+          <%= goal_field(checkbox_form) %>
+        <% end %>
+      </div>
     </fieldset>
 
     <%= f.text_field :related_sdg_list,