Adds the expandable section for Snowplow on the admin settings page.

ee/app/views/admin/application_settings/_snowplow.html.haml

-= form_for @application_setting, url: admin_application_settings_path, html: { class: 'fieldset-form' } do |f|
+%section.settings.as-snowplow.no-animate#js-snowplow-settings{ class: ('expanded' if expanded) }
+  .settings-header
+    %h4
+      Snowplow
+    %button.btn.btn-default.js-settings-toggle{ type: 'button' }
+      = expanded ? _('Collapse') : _('Expand')
+    %p
+      = _('Configure the %{link} integration.').html_safe % { link: link_to('Snowplow', 'https://snowplowanalytics.com/', target: '_blank') }
+  .settings-content
+
+    = form_for @application_setting, url: admin_application_settings_path, html: { class: 'fieldset-form' } do |f|
       = form_errors(@application_setting)
 
       %fieldset

ee/changelogs/unreleased/7867-snowplow-integration-settings-are-rendered-incorrectly.yml

+---
+title: Adds expandable/collapsable section for Snowplow
+merge_request: 7798
+author:
+type: other

locale/gitlab.pot

@@ -2101,6 +2101,9 @@ msgstr ""
 msgid "Configure storage path and circuit breaker settings."
 msgstr ""
 
+msgid "Configure the %{link} integration."
+msgstr ""
+
 msgid "Configure the way a user creates a new account."
 msgstr ""