cloud logs: move progress bar

src/components/TableHeader/CloudLogs/CloudLogSubheader.tsx

@@ -3,7 +3,7 @@ import { styled, ListSubheader } from "@mui/material";
 export const CloudLogSubheader = styled((props) => (
   <ListSubheader disableGutters disableSticky={false} {...props} />
 ))(({ theme }) => ({
-  marginTop: theme.spacing(2),
+  "&:not(:first-child)": { marginTop: theme.spacing(2) },
   ...theme.typography.subtitle2,
   padding: theme.spacing((32 - 20) / 2 / 8, 1.5),
   lineHeight: "20px",

src/components/TableHeader/CloudLogs/CloudLogsModal.tsx

@@ -71,7 +71,7 @@ export default function CloudLogsModal(props: IModalProps) {
               overflowY: "hidden",
               py: 0,
               px: { xs: "var(--dialog-spacing)", md: 0 },
-              pb: { xs: 1, md: 0 },
+              pb: { xs: 1.5, md: 0 },
 
               "& > *": { flexShrink: 0 },
             }}
@@ -189,10 +189,9 @@ export default function CloudLogsModal(props: IModalProps) {
             <LinearProgress
               style={{
                 borderRadius: 0,
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0,
+                marginTop: -4,
+                marginBottom: -1,
+                minHeight: 4,
               }}
             />
           )}