Merge pull request #275 from opf/bug/63442-missing-space-when-putting-multiple-collapsiblesections-below-each-other

[634442] Missing space when putting multiple CollapsibleSections below each other

Author: HDinger

.changeset/sad-planes-think.md

@@ -0,0 +1,5 @@
+---
+'@openproject/primer-view-components': patch
+---
+
+Avoid useless space below collapsed CollapsibleSection

.playwright/screenshots/snapshots.test.ts-snapshots/primer/open_project/collapsible_section/collapsed/default.png

@@ -1,7 +1,6 @@
 <%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
   <%= render(Primer::OpenProject::FlexLayout.new) do |flex| %>
-    <%= flex.with_row(mb: 3,
-                      classes: "CollapsibleSection--triggerArea",
+    <%= flex.with_row(classes: "CollapsibleSection--triggerArea",
                       data: { action: "click:collapsible-section#toggle" }) do %>
       <%= render(Primer::OpenProject::FlexLayout.new(display: :flex, align_items: :center)) do |header| %>
         <%= header.with_column do %>
@@ -19,7 +18,7 @@
         <% end %>
       <% end %>
     <% end %>
-    <%= flex.with_row(data: { targets: "collapsible-section.collapsibleElements" }) do %>
+    <%= flex.with_row(mt: 3, data: { targets: "collapsible-section.collapsibleElements" }) do %>
       <%= collapsible_content %>
     <% end %>
   <% end %>