From 888bfe76a7534f6bc44b47487c59de4f3c3624ca Mon Sep 17 00:00:00 2001
From: Davey Holler <daveyholler@gmail.com>
Date: Wed, 7 Apr 2021 10:37:14 -0700
Subject: [PATCH] App Search Polish (#96345)

* Button adjustments to Engine Overview page

* Subdued preview panel color

* Vertically aligns "manage fields" and "preview"

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../app_search/components/engines/components/header.tsx     | 2 +-
 .../app_search/components/engines/engines_overview.tsx      | 6 ++++--
 .../relevance_tuning_form/relevance_tuning_form.tsx         | 1 +
 .../relevance_tuning/relevance_tuning_preview.tsx           | 2 +-
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/header.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/header.tsx
index fb3b771850a31..df87f2e5230db 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/header.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/components/header.tsx
@@ -26,7 +26,7 @@ export const EnginesOverviewHeader: React.FC = () => {
       rightSideItems={[
         // eslint-disable-next-line @elastic/eui/href-or-on-click
         <EuiButton
-          fill
+          size="s"
           iconType="popout"
           href={getAppSearchUrl()}
           target="_blank"
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.tsx
index a09f30035bafc..0712b990159a4 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/engines/engines_overview.tsx
@@ -97,8 +97,9 @@ export const EnginesOverview: React.FC = () => {
           <EuiPageContentHeaderSection>
             {canManageEngines && (
               <EuiButtonTo
-                color="primary"
-                fill
+                color="secondary"
+                size="s"
+                iconType="plusInCircle"
                 data-test-subj="appSearchEnginesEngineCreationButton"
                 to={ENGINE_CREATION_PATH}
               >
@@ -108,6 +109,7 @@ export const EnginesOverview: React.FC = () => {
           </EuiPageContentHeaderSection>
         </EuiPageContentHeader>
         <EuiPageContentBody data-test-subj="appSearchEngines">
+          <EuiSpacer />
           <EnginesTable
             items={engines}
             loading={enginesLoading}
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_form/relevance_tuning_form.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_form/relevance_tuning_form.tsx
index 39200a699b3f7..5cbd291f85deb 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_form/relevance_tuning_form.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_form/relevance_tuning_form.tsx
@@ -42,6 +42,7 @@ export const RelevanceTuningForm: React.FC = () => {
   return (
     <section className="relevanceTuningForm">
       <form>
+        <EuiSpacer size="s" />
         <EuiTitle size="m">
           <h2>
             {i18n.translate(
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_preview.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_preview.tsx
index 5e5ee2ea8d0f0..911e97de5b53f 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_preview.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/relevance_tuning/relevance_tuning_preview.tsx
@@ -48,7 +48,7 @@ export const RelevanceTuningPreview: React.FC = () => {
   const { engineName, isMetaEngine } = useValues(EngineLogic);
 
   return (
-    <EuiPanel hasBorder>
+    <EuiPanel color="subdued">
       <EuiTitle size="m">
         <h2>
           {i18n.translate('xpack.enterpriseSearch.appSearch.engine.relevanceTuning.preview.title', {