Prepare related list component to add on front pages

To make it easier to add the component to the front pages forms and
avoid introducing redundant classes we add the necessary padding
(@include grid-column-gutter) to make it behave  like the  rest of the form
fields.

Note that for the sdg management section we set this value to 0.

app/assets/stylesheets/sdg/related_list_selector.scss

@@ -1,4 +1,6 @@
 .sdg-related-list-selector {
+  @include grid-column-gutter;
+  clear: both;
 
   .amsify-suggestags-area .amsify-select-tag {
     color: $white;

app/assets/stylesheets/sdg_management/relations/edit.scss

@@ -0,0 +1,6 @@
+.sdg-relations-edit {
+
+  .sdg-related-list-selector {
+    padding: 0;
+  }
+}

app/components/sdg_management/relations/edit_component.html.erb

@@ -1,6 +1,6 @@
 <%= header %>
 
-<%= form_for record, url: update_path do |f| %>
+<%= form_for record, url: update_path, html: { class: "sdg-relations-edit" } do |f| %>
   <%= render SDG::RelatedListSelectorComponent.new(f) %>
 
   <%= f.submit %>