fix(explain-aggregation): title and alignment (#3147)

mabaasit · web-flow · commit a3b548eea3c3 · 2022-05-30T16:38:36.000+02:00
diff --git a/packages/compass-aggregations/src/components/pipeline-explain/explain-query-performance.tsx b/packages/compass-aggregations/src/components/pipeline-explain/explain-query-performance.tsx
@@ -25,6 +25,7 @@ const statsStyles = css({
 const statItemStyles = css({
   display: 'flex',
   gap: spacing[1],
+  alignItems: 'baseline',
 });
 
 const statTitleStyles = css({
diff --git a/packages/compass-aggregations/src/components/pipeline-explain/index.tsx b/packages/compass-aggregations/src/components/pipeline-explain/index.tsx
@@ -137,7 +137,7 @@ export const PipelineExplain: React.FunctionComponent<PipelineExplainProps> = ({
         modalStyles
       )}
     >
-      <H3 className={headerStyles}>Explain</H3>
+      <H3 className={headerStyles}>Explain Plan</H3>
       <div className={contentStyles}>{content}</div>
       {!isLoading && (
         <ModalFooter className={footerStyles}>

Original file line number	Diff line number	Diff line change
`@@ -137,7 +137,7 @@ export const PipelineExplain: React.FunctionComponent<PipelineExplainProps> = ({`
`137`	`137`	`modalStyles`
`138`	`138`	`)}`
`139`	`139`	`>`
`140`		`- <H3 className={headerStyles}>Explain</H3>`
	`140`	`+ <H3 className={headerStyles}>Explain Plan</H3>`
`141`	`141`	`<div className={contentStyles}>{content}</div>`
`142`	`142`	`{!isLoading && (`
`143`	`143`	`<ModalFooter className={footerStyles}>`