From 575eb3e5fef0ca581ffcf404bf268eda733e7336 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 28 Mar 2025 09:29:01 -0600
Subject: [PATCH] Handle mobile landscape

---
 web/src/pages/FaceLibrary.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index e0c87024e..43edb1c25 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -544,7 +544,9 @@ function TrainingGrid({
               <div
                 className={cn(
                   "gap-2",
-                  isDesktop ? "flex flex-row flex-wrap" : "grid grid-cols-2",
+                  isDesktop
+                    ? "flex flex-row flex-wrap"
+                    : "grid grid-cols-2 sm:grid-cols-5 lg:grid-cols-6",
                 )}
               >
                 {group.map((data: RecognizedFaceData) => (
@@ -744,9 +746,7 @@ function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) {
     <div
       className={cn(
         "scrollbar-container gap-2 overflow-y-scroll",
-        isDesktop
-          ? "flex flex-wrap"
-          : "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
+        isDesktop ? "flex flex-wrap" : "grid grid-cols-2",
       )}
     >
       {faceImages.map((image: string) => (