CSSTUDIO-2728: Keep scroll position after poll + allow scrolling on e…

src/beta/components/log/LogDetails/LogDetails.js

@@ -12,32 +12,24 @@ const LogDetails = ({ log, className }) => {
     <Stack
       className={`LogDetails ${className}`}
       gap={1}
-      padding={2}
-      pb={4}
+      p={2}
       sx={{
         overflow: "scroll"
       }}
     >
       <LogAttachmentsHeader log={log} />
-      <Typography component="h2" variant="h4" fontWeight="600" mb={2}>{log.title}</Typography>
+      <Typography sx={{ fontSize: "1.6rem" }} component="h2" fontWeight="600" mb={1}>{log.title}</Typography>
       {log.source && (
-        <>
-          <Divider />
-          <CommonmarkPreview commonmarkSrc={log.source} imageUrlPrefix={customization.APP_BASE_URL + "/"} />
-        </>
+        <CommonmarkPreview commonmarkSrc={log.source} imageUrlPrefix={customization.APP_BASE_URL + "/"} />
       )}
       {log?.properties && filteredProperties.length > 0 && (
-        <Box sx={{
-          "& > div:last-child, & > div.Mui-expanded:last-child": {
-            marginBottom: "20px"
-          },
-        }}>
+        <Box mt={2}>
           {filteredProperties.map((it, i) =>
             <LogProperty property={it} key={`${it.name}-${i}`} />
           )}
         </Box>
       )}
-      <Divider sx={{ marginBottom: "20px" }} />
+      <Divider sx={{ margin: "20px 0" }} />
       <MetadataTable log={log} />
     </Stack >
   );

src/beta/components/log/LogDetails/LogDetailsWithReplies.js

@@ -104,8 +104,8 @@ const LogDetailsWithReplies = ({ log }) => {
     }
 
     return (
-        <Stack>
-            <Box padding={2}>
+        <Stack sx={{ height: "100%", overflow: "auto" }}>
+            <Box padding={2} bgcolor={"grey.100"}>
                 <LogHeader log={log} />
             </Box>
             <LogDetails log={log} />

src/beta/components/search/SearchResults.js

@@ -74,7 +74,7 @@ export const SearchResults = styled(({ className }) => {
       hitCount: 0
     },
     error,
-    isFetching: loading
+    isLoading: loading
   } = ologApi.endpoints.searchLogs.useQuery(
     searchLogsQuery,
     {
@@ -144,7 +144,7 @@ export const SearchResults = styled(({ className }) => {
           </Stack>
         </Stack>
       </Box>
-      {loading ? <LinearProgress /> : null}
+      {loading && <LinearProgress />}
       {error ?
         <Box>
           <Alert severity="error">

src/components/shared/CommonmarkPreview/CommonmarkPreview.js

@@ -26,6 +26,7 @@ const StyledHtmlContent = styled(HtmlContent)`
     padding: 0;
     & > p {
         padding: 0;
+        margin: 0;
     }
     width: 100%;
     font-size: 1.2rem;