[Workplace Search] Fix Group Prioritization route and clean up design (…

…elastic#80903) (elastic#81069) * Update route path for prioritizations * Update prioritization spacing * Lint fix Co-authored-by: Kibana Machine <[email protected]> Co-authored-by: Kibana Machine <[email protected]>
justinkambic · Oct 19, 2020 · ebac90b · ebac90b
1 parent ca735f5
commit ebac90b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/...e_search/public/applications/workplace_search/components/layout/kibana_header_actions.tsx b/...e_search/public/applications/workplace_search/components/layout/kibana_header_actions.tsx
@@ -6,18 +6,25 @@
 
 import React from 'react';
 import { i18n } from '@kbn/i18n';
-import { EuiButtonEmpty } from '@elastic/eui';
+import { EuiButtonEmpty, EuiText } from '@elastic/eui';
 
 import { externalUrl, getWorkplaceSearchUrl } from '../../../shared/enterprise_search_url';
 
 export const WorkplaceSearchHeaderActions: React.FC = () => {
   if (!externalUrl.enterpriseSearchUrl) return null;
 
   return (
-    <EuiButtonEmpty href={getWorkplaceSearchUrl('/search')} target="_blank" iconType="search">
-      {i18n.translate('xpack.enterpriseSearch.workplaceSearch.headerActions.searchApplication', {
-        defaultMessage: 'Go to search application',
-      })}
+    <EuiButtonEmpty
+      href={getWorkplaceSearchUrl('/search')}
+      target="_blank"
+      iconType="search"
+      style={{ marginRight: 5 }}
+    >
+      <EuiText size="s">
+        {i18n.translate('xpack.enterpriseSearch.workplaceSearch.headerActions.searchApplication', {
+          defaultMessage: 'Go to search application',
+        })}
+      </EuiText>
     </EuiButtonEmpty>
   );
 };
diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/routes.ts b/x-pack/plugins/enterprise_search/public/applications/workplace_search/routes.ts
@@ -52,7 +52,7 @@ export const SECURITY_PATH = `${ORG_PATH}/security`;
 
 export const GROUPS_PATH = '/groups';
 export const GROUP_PATH = `${GROUPS_PATH}/:groupId`;
-export const GROUP_SOURCE_PRIORITIZATION_PATH = `${GROUPS_PATH}/:groupId/source-prioritization`;
+export const GROUP_SOURCE_PRIORITIZATION_PATH = `${GROUPS_PATH}/:groupId/source_prioritization`;
 
 export const SOURCES_PATH = '/sources';
 export const ORG_SOURCES_PATH = `${ORG_PATH}${SOURCES_PATH}`;

diff --git a/...lic/applications/workplace_search/views/groups/components/group_source_prioritization.tsx b/...lic/applications/workplace_search/views/groups/components/group_source_prioritization.tsx
@@ -152,7 +152,7 @@ export const GroupSourcePrioritization: React.FC = () => {
                 </EuiFlexItem>
               </EuiFlexGroup>
             </EuiTableRowCell>
-            <EuiTableRowCell align="right">
+            <EuiTableRowCell align="right" style={{ padding: 0 }}>
               <EuiFlexGroup gutterSize="none" alignItems="center" justifyContent="spaceAround">
                 <EuiFlexItem grow={false}>
                   <EuiRange
@@ -166,7 +166,7 @@ export const GroupSourcePrioritization: React.FC = () => {
                     }
                   />
                 </EuiFlexItem>
-                <EuiFlexItem grow={false} style={{ paddingRight: 1 }}>
+                <EuiFlexItem grow={false} style={{ paddingLeft: 10 }}>
                   <div style={{ margin: 0 }} className="input-container--range__count">
                     {activeSourcePriorities[id]}
                   </div>