[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.
This commit is contained in:
Felix Stürmer 2020-01-14 12:00:36 +01:00 committed by GitHub
parent b93d8100e5
commit cd9ead87c5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 6 deletions

View file

@ -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}

View file

@ -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']}

View file

@ -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>