[Polish] Misc Davey Schema UI tweaks

- see https://github.com/elastic/kibana/pull/101958/files + change color away from secondary, since that's going away in EUI at some point
elastic · Jun 22, 2021 · 2bed412 · 2bed412
1 parent 271ed98
commit 2bed412
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/...ugins/enterprise_search/public/applications/app_search/components/schema/views/schema.tsx b/...ugins/enterprise_search/public/applications/app_search/components/schema/views/schema.tsx
@@ -53,11 +53,11 @@ export const Schema: React.FC = () => {
           >
             {i18n.translate(
               'xpack.enterpriseSearch.appSearch.engine.schema.updateSchemaButtonLabel',
-              { defaultMessage: 'Update types' }
+              { defaultMessage: 'Save changes' }
             )}
           </EuiButton>,
           <EuiButton
-            color="secondary"
+            iconType="plusInCircle"
             disabled={isUpdating}
             onClick={openModal}
             data-test-subj="addSchemaFieldModalButton"

diff --git a/x-pack/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx b/x-pack/plugins/enterprise_search/public/applications/shared/schema/add_field_modal/index.tsx
@@ -10,6 +10,7 @@ import React, { ChangeEvent, FormEvent, useEffect, useState } from 'react';
 import {
   EuiButton,
   EuiButtonEmpty,
+  EuiCallOut,
   EuiFieldText,
   EuiFlexGroup,
   EuiFlexItem,
@@ -83,8 +84,13 @@ export const SchemaAddFieldModal: React.FC<Props> = ({
         <EuiModalHeaderTitle>{ADD_FIELD_MODAL_TITLE}</EuiModalHeaderTitle>
       </EuiModalHeader>
       <EuiModalBody>
-        <p>{ADD_FIELD_MODAL_DESCRIPTION}</p>
-        <EuiSpacer />
+        <EuiCallOut
+          size="s"
+          color="warning"
+          iconType="iInCircle"
+          title={<p>{ADD_FIELD_MODAL_DESCRIPTION}</p>}
+        />
+        <EuiSpacer size="m" />
         <EuiForm component="form" id={FORM_ID} onSubmit={submitForm}>
           <EuiFlexGroup gutterSize="m">
             <EuiFlexItem>