From 9c092d5264e91df9054f2883cee92b6790a4a718 Mon Sep 17 00:00:00 2001
From: Katrin Freihofner <katrin.freihofner@elastic.co>
Date: Mon, 4 Jan 2021 17:56:36 +0100
Subject: [PATCH] [Logs UI] Adds purely visual changes to to the popovers and
 the settings view. (#86764)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../alerting/log_threshold/components/alert_dropdown.tsx  | 1 +
 .../logging/log_text_stream/log_entry_context_menu.tsx    | 8 +++++++-
 .../logs/settings/log_columns_configuration_panel.tsx     | 6 +++---
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/infra/public/alerting/log_threshold/components/alert_dropdown.tsx b/x-pack/plugins/infra/public/alerting/log_threshold/components/alert_dropdown.tsx
index b8eb73b99f45e..0744984a52eaa 100644
--- a/x-pack/plugins/infra/public/alerting/log_threshold/components/alert_dropdown.tsx
+++ b/x-pack/plugins/infra/public/alerting/log_threshold/components/alert_dropdown.tsx
@@ -51,6 +51,7 @@ export const AlertDropdown = () => {
   return (
     <>
       <EuiPopover
+        panelPaddingSize="none"
         button={
           <EuiButtonEmpty iconSide={'right'} iconType={'arrowDown'} onClick={openPopover}>
             <FormattedMessage id="xpack.infra.alerting.logs.alertsButton" defaultMessage="Alerts" />
diff --git a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
index fe57b9db0e8b7..8582be008a44a 100644
--- a/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
+++ b/x-pack/plugins/infra/public/components/logging/log_text_stream/log_entry_context_menu.tsx
@@ -79,7 +79,13 @@ export const LogEntryContextMenu: React.FC<LogEntryContextMenuProps> = ({
   return (
     <LogEntryContextMenuContent>
       <AbsoluteWrapper>
-        <EuiPopover closePopover={onClose} isOpen={isOpen} button={button} ownFocus={true}>
+        <EuiPopover
+          panelPaddingSize="none"
+          closePopover={onClose}
+          isOpen={isOpen}
+          button={button}
+          ownFocus={true}
+        >
           <EuiContextMenuPanel items={wrappedItems} />
         </EuiPopover>
       </AbsoluteWrapper>
diff --git a/x-pack/plugins/infra/public/pages/logs/settings/log_columns_configuration_panel.tsx b/x-pack/plugins/infra/public/pages/logs/settings/log_columns_configuration_panel.tsx
index 3f109e7383c0e..62f2d89b65fdf 100644
--- a/x-pack/plugins/infra/public/pages/logs/settings/log_columns_configuration_panel.tsx
+++ b/x-pack/plugins/infra/public/pages/logs/settings/log_columns_configuration_panel.tsx
@@ -59,7 +59,7 @@ export const LogColumnsConfigurationPanel: React.FunctionComponent<LogColumnsCon
             <h3>
               <FormattedMessage
                 id="xpack.infra.sourceConfiguration.logColumnsSectionTitle"
-                defaultMessage="Log Columns"
+                defaultMessage="Log columns"
               />
             </h3>
           </EuiTitle>
@@ -182,7 +182,7 @@ const FieldLogColumnConfigurationPanel: React.FunctionComponent<{
   );
   return (
     <EuiPanel data-test-subj={`logColumnPanel fieldLogColumnPanel fieldLogColumnPanel:${field}`}>
-      <EuiFlexGroup>
+      <EuiFlexGroup alignItems="center">
         <EuiFlexItem grow={false}>
           <div data-test-subj="moveLogColumnHandle" {...dragHandleProps}>
             <EuiIcon type="grab" />
@@ -212,7 +212,7 @@ const ExplainedLogColumnConfigurationPanel: React.FunctionComponent<{
   <EuiPanel
     data-test-subj={`logColumnPanel systemLogColumnPanel systemLogColumnPanel:${fieldName}`}
   >
-    <EuiFlexGroup>
+    <EuiFlexGroup alignItems="center">
       <EuiFlexItem grow={false}>
         <div data-test-subj="moveLogColumnHandle" {...dragHandleProps}>
           <EuiIcon type="grab" />