[7.x] [Logs UI] Reduce panel paddings in ML integration result… (#54719)

Backports the following commits to 7.x: - [Logs UI] Reduce panel paddings in ML integration result tabs (#54574)
elastic · Jan 14, 2020 · 9cc7225 · 9cc7225
1 parent c542c0c
commit 9cc7225
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 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
@@ -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
@@ -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
@@ -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>