fix(web-ui): minor styling fixes for photos list page (#912)

Co-authored-by: Johan Book <{ID}+{username}@users.noreply.github.com>
johanbook · Jul 20, 2024 · f131ec5 · f131ec5
1 parent 5a6aa2b
commit f131ec5
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx b/services/web-ui/src/features/blogs/pages/BlogPhotoListPage/BlogPhotoListPage.component.tsx
@@ -33,11 +33,11 @@ function Group({ data }: GroupProps): ReactElement {
     <>
       {Object.entries(groupedData).map(([date, entries]) => (
         <Fragment key={date}>
-          <Typography sx={{ px: 2, pt: 2 }} variant="body1">
+          <Typography sx={{ px: 1, pt: 2, pb: 1 }} variant="body1">
             <b>{date}</b>
           </Typography>
 
-          <ImageList cols={3} gap={8} variant="masonry">
+          <ImageList cols={3} gap={8} sx={{ m: 0 }} variant="masonry">
             {entries.map((item) => (
               <ImageListItem key={item.id}>
                 <img src={item.url} loading="lazy" />