fix(react-query-devtools): do not stretch query status label (#5063)

janinegygax · web-flow · commit 517202ce3742 · 2023-03-03T20:37:01.000+01:00
Do not stretch query status label (fresh, fetching, paused, stale, inactive) shown on Query Details view.
diff --git a/packages/react-query-devtools/src/devtools.tsx b/packages/react-query-devtools/src/devtools.tsx
@@ -836,7 +836,7 @@ const ActiveQuery = ({
           style={{
             marginBottom: '.5em',
             display: 'flex',
-            alignItems: 'stretch',
+            alignItems: 'flex-start',
             justifyContent: 'space-between',
           }}
         >

Original file line number	Diff line number	Diff line change
`@@ -836,7 +836,7 @@ const ActiveQuery = ({`
`836`	`836`	`style={{`
`837`	`837`	`marginBottom: '.5em',`
`838`	`838`	`display: 'flex',`
`839`		`- alignItems: 'stretch',`
	`839`	`+ alignItems: 'flex-start',`
`840`	`840`	`justifyContent: 'space-between',`
`841`	`841`	`}}`
`842`	`842`	`>`