Indent child form elements in integrations form

The Jira comments and comment details are shown
conditionally based on the selection above so we should
indent those form groups. This is done by adding a bit
of left padding.
We also add the label-for attribute to form groups which
forces Bootstrap to render <div> instead of <fieldset>

app/assets/javascripts/integrations/edit/components/jira_trigger_fields.vue

@@ -91,6 +91,8 @@ export default {
     <gl-form-group
       v-show="showEnableComments"
       :label="s__('Integrations|Comment settings:')"
+      label-for="service[comment_on_event_enabled]"
+      class="gl-pl-6"
       data-testid="comment-settings"
     >
       <input
@@ -106,6 +108,8 @@ export default {
     <gl-form-group
       v-show="showEnableComments && enableComments"
       :label="s__('Integrations|Comment detail:')"
+      label-for="service[comment_detail]"
+      class="gl-pl-9"
       data-testid="comment-detail"
     >
       <input name="service[comment_detail]" type="hidden" :value="commentDetail" />

changelogs/unreleased/263364-child-form-elements-should-be-indented.yml

+---
+title: Indent child form elements in integrations form
+merge_request: 50929
+author:
+type: changed