[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:
parent
b93d8100e5
commit
cd9ead87c5
|
@ -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}
|
||||
|
|
|
@ -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']}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue