Move timeline legend next to title

elastic · Mar 3, 2022 · 3d204d3 · 3d204d3
1 parent fd1b9bd
commit 3d204d3
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx b/x-pack/plugins/infra/public/pages/metrics/inventory_view/components/timeline/timeline.tsx
@@ -214,7 +214,7 @@ export const Timeline: React.FC<Props> = ({ interval, yAxisFormatter, isVisible
       data-test-subj={isVisible ? 'timelineContainerOpen' : 'timelineContainerClosed'}
     >
       <TimelineHeader>
-        <EuiFlexItem grow={true}>
+        <EuiFlexItem grow={false} style={{ marginRight: 20 }}>
           <EuiText>
             <strong>
               <FormattedMessage
@@ -225,7 +225,7 @@ export const Timeline: React.FC<Props> = ({ interval, yAxisFormatter, isVisible
             </strong>
           </EuiText>
         </EuiFlexItem>
-        <EuiFlexItem grow={false}>
+        <EuiFlexItem grow={true}>
           <EuiFlexGroup alignItems={'center'} responsive={false}>
             <EuiFlexItem grow={false}>
               <EuiFlexGroup gutterSize={'s'} alignItems={'center'} responsive={false}>