Merge branch 'update-dependencies-like-its-mid-july-2023' of https://github.com/Visual-Regression-Tracker/frontend into update-dependencies-like-its-mid-july-2023

Author: pashidlos

src/components/TestDetailsDialog/TestDetailsModal.tsx

@@ -474,7 +474,7 @@ const TestDetailsModal: React.FunctionComponent<TestDetailsModalProps> = ({
       <Grid
         container
         alignItems="center"
-        spacing={2}
+        spacing={1}
         className={classes.imageToolbar}
       >
         <ImageDetails
@@ -531,7 +531,7 @@ const TestDetailsModal: React.FunctionComponent<TestDetailsModalProps> = ({
       <Grid
         container
         alignItems="center"
-        spacing={2}
+        spacing={1}
         className={classes.imageToolbar}
       >
         <ImageDetails

src/components/TestVariationDetails.tsx

@@ -9,7 +9,7 @@ interface IProps {
 export const TestVariationDetails: React.FunctionComponent<IProps> = ({
   testVariation,
 }) => (
-  <Grid container direction="column" spacing={2}>
+  <Grid container direction="column" spacing={1}>
     <Typography>{testVariation.name}</Typography>
     <Grid container spacing={2}>
       {testVariation.os && (

src/pages/TestVariationDetailsPage.tsx

@@ -85,10 +85,12 @@ const TestVariationDetailsPage: React.FunctionComponent = () => {
                       Test Run
                     </Button>
                     {baseline.testRun && (
-                      <TestStatusChip status={baseline.testRun.status} />
+                      <Box ml={1}>
+                        <TestStatusChip status={baseline.testRun.status} />
+                      </Box>
                     )}
                     {baseline.user && (
-                      <Typography>
+                      <Typography ml={1}>
                         {`${baseline.user.firstName} ${baseline.user.lastName} <${baseline.user.email}>`}
                       </Typography>
                     )}