From 71e07804ccaf1d1ed48a8db0e136fadbb24f5fd5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Felix=20St=C3=BCrmer?= <weltenwort@users.noreply.github.com>
Date: Tue, 14 Jan 2020 12:00:36 +0100
Subject: [PATCH] [Logs UI] Reduce panel paddings in ML integration result tabs
 (#54574)

This reduces the panel paddings on the log rate and categorization result tabs from `l` to `m` as per elastic/logs#7 and brings a title padding in line with the rest.
---
 .../logs/log_entry_categories/page_results_content.tsx      | 4 ++--
 .../pages/logs/log_entry_rate/page_results_content.tsx      | 6 +++---
 .../pages/logs/log_entry_rate/sections/anomalies/index.tsx  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
index ffffba0691749d..a810ce447d3696 100644
--- a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
+++ b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_categories/page_results_content.tsx
@@ -156,7 +156,7 @@ export const LogEntryCategoriesResultsContent: React.FunctionComponent = () => {
     <ResultsContentPage>
       <EuiFlexGroup direction="column">
         <EuiFlexItem grow={false}>
-          <EuiPanel paddingSize="l">
+          <EuiPanel paddingSize="m">
             <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
               <EuiFlexItem />
               <EuiFlexItem grow={false}>
@@ -188,7 +188,7 @@ export const LogEntryCategoriesResultsContent: React.FunctionComponent = () => {
           </EuiFlexItem>
         ) : null}
         <EuiFlexItem grow={false}>
-          <EuiPanel paddingSize="l">
+          <EuiPanel paddingSize="m">
             <TopCategoriesSection
               availableDatasets={logEntryCategoryDatasets}
               isLoadingDatasets={isLoadingLogEntryCategoryDatasets}
diff --git a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
index 693444c02ce5f3..fd77cc8dd71735 100644
--- a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
+++ b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/page_results_content.tsx
@@ -155,7 +155,7 @@ export const LogEntryRateResultsContent: React.FunctionComponent = () => {
     <ResultsContentPage>
       <EuiFlexGroup direction="column">
         <EuiFlexItem grow={false}>
-          <EuiPanel paddingSize="l">
+          <EuiPanel paddingSize="m">
             <EuiFlexGroup justifyContent="spaceBetween" alignItems="center">
               <EuiFlexItem grow={false}>
                 {logEntryRate ? (
@@ -196,7 +196,7 @@ export const LogEntryRateResultsContent: React.FunctionComponent = () => {
           </EuiPanel>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiPanel paddingSize="l">
+          <EuiPanel paddingSize="m">
             {isFirstUse && !hasResults ? (
               <>
                 <FirstUseCallout />
@@ -212,7 +212,7 @@ export const LogEntryRateResultsContent: React.FunctionComponent = () => {
           </EuiPanel>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
-          <EuiPanel paddingSize="l">
+          <EuiPanel paddingSize="m">
             <AnomaliesResults
               isLoading={isLoading}
               jobStatus={jobStatus['log-entry-rate']}
diff --git a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/index.tsx b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/index.tsx
index 4aff907cfad66d..0dc52d27627657 100644
--- a/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/index.tsx
+++ b/x-pack/legacy/plugins/infra/public/pages/logs/log_entry_rate/sections/anomalies/index.tsx
@@ -93,7 +93,7 @@ export const AnomaliesResults: React.FunctionComponent<{
 
   return (
     <>
-      <EuiFlexGroup alignItems="center">
+      <EuiFlexGroup alignItems="center" gutterSize="s">
         <EuiFlexItem>
           <EuiTitle size="s" aria-label={title}>
             <h2>{title}</h2>