From 60925c1b878a7ab0305582260c6ffda1fc4fdb22 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Mon, 22 Jan 2024 11:07:51 -0500
Subject: [PATCH] [8.12] [EDR Workflows] Fix osquery ECS Mapping dropdown
 values styles (#175188) (#175213)

# Backport

This will backport the following commits from `main` to `8.12`:
- [[EDR Workflows] Fix osquery ECS Mapping dropdown values styles
(#175188)](https://github.com/elastic/kibana/pull/175188)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Tomasz
Ciecierski","email":"tomasz.ciecierski@elastic.co"},"sourceCommit":{"committedDate":"2024-01-22T14:53:43Z","message":"[EDR
Workflows] Fix osquery ECS Mapping dropdown values styles
(#175188)","sha":"3755f4edc677e56baec9918f42e87ef33ddfc507","branchLabelMapping":{"^v8.13.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Defend
Workflows","ci:all-cypress-suites","Osquery","v8.12.1","v8.13.0"],"title":"[EDR
Workflows] Fix osquery ECS Mapping dropdown values
styles","number":175188,"url":"https://github.com/elastic/kibana/pull/175188","mergeCommit":{"message":"[EDR
Workflows] Fix osquery ECS Mapping dropdown values styles
(#175188)","sha":"3755f4edc677e56baec9918f42e87ef33ddfc507"}},"sourceBranch":"main","suggestedTargetBranches":["8.12"],"targetPullRequestStates":[{"branch":"8.12","label":"v8.12.1","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.13.0","branchLabelMappingKey":"^v8.13.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/175188","number":175188,"mergeCommit":{"message":"[EDR
Workflows] Fix osquery ECS Mapping dropdown values styles
(#175188)","sha":"3755f4edc677e56baec9918f42e87ef33ddfc507"}}]}]
BACKPORT-->

Co-authored-by: Tomasz Ciecierski <tomasz.ciecierski@elastic.co>
---
 x-pack/plugins/osquery/public/packs/queries/ecs_field_css.ts  | 1 +
 .../osquery/public/packs/queries/ecs_mapping_editor_field.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/osquery/public/packs/queries/ecs_field_css.ts b/x-pack/plugins/osquery/public/packs/queries/ecs_field_css.ts
index 7dc3feeb62c3e..444ff6a4f05cf 100644
--- a/x-pack/plugins/osquery/public/packs/queries/ecs_field_css.ts
+++ b/x-pack/plugins/osquery/public/packs/queries/ecs_field_css.ts
@@ -38,6 +38,7 @@ export const fieldIconCss = {
 export const fieldSpanCss = {
   paddingTop: '0 !important',
   paddingBottom: '0 !important',
+  paddingLeft: '5px',
 };
 
 export const descriptionWrapperCss = {
diff --git a/x-pack/plugins/osquery/public/packs/queries/ecs_mapping_editor_field.tsx b/x-pack/plugins/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
index 51f046768afac..4bb0877d5ca36 100644
--- a/x-pack/plugins/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
+++ b/x-pack/plugins/osquery/public/packs/queries/ecs_mapping_editor_field.tsx
@@ -162,7 +162,7 @@ const ECSComboboxFieldComponent: React.FC<ECSComboboxFieldProps> = ({
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <span css={fieldSpanCss} className="euiSuggestItem__label euiSuggestItem__label--expand">
-            {option.value.field}
+            <b>{option.value.field}</b>
           </span>
         </EuiFlexItem>
 
@@ -394,7 +394,7 @@ const OsqueryColumnFieldComponent: React.FC<OsqueryColumnFieldProps> = ({
       >
         <EuiFlexItem grow={false}>
           <span css={fieldSpanCss} className="euiSuggestItem__label euiSuggestItem__label--expand">
-            {option.value.suggestion_label}
+            <b>{option.value.suggestion_label}</b>
           </span>
         </EuiFlexItem>
         <EuiFlexItem css={descriptionWrapperCss} grow={false}>