Fix max-width for code paths (#1309)

2022-04-21 14:12:40 +01:00
parent 908a862dd1
commit 31bd927959
1 changed files with 2 additions and 2 deletions
--- a/extensions/ql-vscode/src/remote-queries/view/CodePaths.tsx
+++ b/extensions/ql-vscode/src/remote-queries/view/CodePaths.tsx
@@ -50,10 +50,10 @@ const CodePath = ({
 }) => {
  return <>
    {codeFlow.threadFlows.map((threadFlow, index) =>
-      <div key={`thread-flow-${index}`}>
+      <div key={`thread-flow-${index}`} style={{ maxWidth: '55em' }}>
        {index !== 0 && <VerticalSpace size={3} />}

-        <Box display="flex" justifyContent="center" alignItems="center" width="42.5em">
+        <Box display="flex" justifyContent="center" alignItems="center">
          <Box flexGrow={1} p={0} border="none">
            <SectionTitle>Step {index + 1}</SectionTitle>
          </Box>