Merge pull request #4386 from consul/sdg-fieldset-fix

Fixing styles for the related list component

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;

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>
+      <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,