From b214783ac310ba12297a2e0ceb5d392692d70adb Mon Sep 17 00:00:00 2001
From: Kieran <kieran@harkin.me>
Date: Mon, 29 May 2023 15:19:24 +0100
Subject: [PATCH] adjust image grid

---
 VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css | 6 ++++--
 VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
index 4ec764d..3a50af1 100644
--- a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
+++ b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.css
@@ -5,14 +5,16 @@
 }
 
 .image-grid > div {
-    width: 100px;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     overflow: hidden;
+    width: 150px;
+    height: 150px;
 }
 
 .image-grid img, .image-grid video, .image-grid audio {
-    width: stretch;
+    max-width: stretch;
+    max-height: stretch;
 }
\ No newline at end of file
diff --git a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
index 1bc23e4..1eda509 100644
--- a/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
+++ b/VoidCat/spa/src/app/src/Components/Shared/ImageGrid.tsx
@@ -19,7 +19,7 @@ export default function ImageGrid(props: ImageGridProps) {
     const dispatch = useDispatch();
     const [files, setFiles] = useState<PagedResponse<VoidFileResponse>>();
     const [page, setPage] = useState(0);
-    const pageSize = 20;
+    const pageSize = 100;
     const [accessDenied, setAccessDenied] = useState<boolean>();
 
     async function loadFileList() {