From 2e9e837b5da49c810a04e997ce98d8597bbaadd6 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Thu, 11 Nov 2021 17:40:02 +1100
Subject: [PATCH] cloud logs: move progress bar

---
 .../TableHeader/CloudLogs/CloudLogSubheader.tsx          | 2 +-
 src/components/TableHeader/CloudLogs/CloudLogsModal.tsx  | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/TableHeader/CloudLogs/CloudLogSubheader.tsx b/src/components/TableHeader/CloudLogs/CloudLogSubheader.tsx
index 97d18511..ef34726e 100644
--- a/src/components/TableHeader/CloudLogs/CloudLogSubheader.tsx
+++ b/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",
diff --git a/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx b/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx
index 954c6f01..86def86c 100644
--- a/src/components/TableHeader/CloudLogs/CloudLogsModal.tsx
+++ b/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,
               }}
             />
           )}