From c052e907ebfbddde57d2180dda0d054190c5347a Mon Sep 17 00:00:00 2001
From: taitus <sebastia.roig@gmail.com>
Date: Fri, 22 Jan 2021 08:41:46 +0100
Subject: [PATCH] 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       | 2 ++
 app/assets/stylesheets/sdg_management/relations/edit.scss   | 6 ++++++
 .../sdg_management/relations/edit_component.html.erb        | 2 +-
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/sdg_management/relations/edit.scss

diff --git a/app/assets/stylesheets/sdg/related_list_selector.scss b/app/assets/stylesheets/sdg/related_list_selector.scss
index a60cd57cf..75fb5c433 100644
--- a/app/assets/stylesheets/sdg/related_list_selector.scss
+++ b/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;
diff --git a/app/assets/stylesheets/sdg_management/relations/edit.scss b/app/assets/stylesheets/sdg_management/relations/edit.scss
new file mode 100644
index 000000000..a719b4336
--- /dev/null
+++ b/app/assets/stylesheets/sdg_management/relations/edit.scss
@@ -0,0 +1,6 @@
+.sdg-relations-edit {
+
+  .sdg-related-list-selector {
+    padding: 0;
+  }
+}
diff --git a/app/components/sdg_management/relations/edit_component.html.erb b/app/components/sdg_management/relations/edit_component.html.erb
index 3cb8350f4..de0b351d1 100644
--- a/app/components/sdg_management/relations/edit_component.html.erb
+++ b/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 %>