[ML] Adding edit job detector descriptions title (#115765) (#115913)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: James Gowdy <jgowdy@elastic.co>

x-pack/plugins/ml/public/application/jobs/jobs_list/components/edit_job_flyout/tabs/detectors.js

@@ -7,8 +7,9 @@
 
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
+import { FormattedMessage } from '@kbn/i18n/react';
 
-import { EuiFieldText, EuiForm, EuiFormRow, EuiSpacer } from '@elastic/eui';
+import { EuiFieldText, EuiForm, EuiFormRow, EuiSpacer, EuiTitle } from '@elastic/eui';
 
 import { mlJobService } from '../../../../../services/job_service';
 import { detectorToString } from '../../../../../util/string_utils';
@@ -43,7 +44,16 @@ export class Detectors extends Component {
   render() {
     const { detectors, detectorDescriptions } = this.state;
     return (
-      <React.Fragment>
+      <>
+        <EuiSpacer size="m" />
+        <EuiTitle size="xs">
+          <h4>
+            <FormattedMessage
+              id="xpack.ml.jobsList.editJobFlyout.detectors.title"
+              defaultMessage="Edit detector descriptions"
+            />
+          </h4>
+        </EuiTitle>
         <EuiSpacer size="m" />
         <EuiForm>
           {detectorDescriptions.map((d, i) => (
@@ -52,7 +62,7 @@ export class Detectors extends Component {
             </EuiFormRow>
           ))}
         </EuiForm>
-      </React.Fragment>
+      </>
     );
   }
 }