[APM] Add title in apm settings callout (elastic#145857)

## Summary closes elastic#145849 Before ![image](https://user-images.githubusercontent.com/3369346/203056193-9e68694e-5492-40eb-9d4f-f44fe8b1fb48.png) After ![image](https://user-images.githubusercontent.com/3369346/203059940-b24af7bd-a19b-492f-bdcb-ec06e3dc24b5.png) (cherry picked from commit 40de9eb)
kibanamachine · Nov 21, 2022 · c528ec1 · c528ec1
1 parent e1c4607
commit c528ec1
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx b/x-pack/plugins/apm/public/components/app/settings/general_settings/index.tsx
@@ -70,7 +70,12 @@ export function GeneralSettings() {
   return (
     <>
       <EuiCallOut
-        title={
+        title={i18n.translate('xpack.apm.apmSettings.callOutTitle', {
+          defaultMessage: 'Looking for all settings?',
+        })}
+        iconType="search"
+      >
+        <p>
           <FormattedMessage
             id="xpack.apm.apmSettings.kibanaLink"
             defaultMessage="The full list of APM options can be found in {link}"
@@ -82,15 +87,14 @@ export function GeneralSettings() {
                   })}
                 >
                   {i18n.translate('xpack.apm.apmSettings.kibanaLink.label', {
-                    defaultMessage: 'Kibana advanced settings',
+                    defaultMessage: 'Kibana advanced settings.',
                   })}
                 </EuiLink>
               ),
             }}
           />
-        }
-        iconType="iInCircle"
-      />
+        </p>
+      </EuiCallOut>
       <EuiSpacer />
       {apmSettingsKeys.map((settingKey) => {
         const editableConfig = settingsEditableConfig[settingKey];