From e50062f615d4e2b47c64898402882a42e58746c9 Mon Sep 17 00:00:00 2001
From: Nicholas Pease <me@nicholaspease.com>
Date: Thu, 28 Mar 2024 02:49:37 +0000
Subject: [PATCH] Fix for display sizing

---
 frontend-next/src/app/user/[stub]/page.js     |  4 ++--
 frontend-next/src/components/app/datatypes.js | 20 +++++++++----------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/frontend-next/src/app/user/[stub]/page.js b/frontend-next/src/app/user/[stub]/page.js
index 28e46d8..d161d90 100644
--- a/frontend-next/src/app/user/[stub]/page.js
+++ b/frontend-next/src/app/user/[stub]/page.js
@@ -175,8 +175,8 @@ function Home({ params }) {
                   </div>
                 )}
               </div>
-              <div className="col-span-2 ">
-                <div className="grid grid-flow-col-dense auto-cols-auto pl-5">
+              <div className="col-span-2">
+                <div className="grid grid-cols-3 gap-y-1 pl-5 gap-1 h-[100%] w-[100%]">
                   {userRoomsArray}
                 </div>
               </div>
diff --git a/frontend-next/src/components/app/datatypes.js b/frontend-next/src/components/app/datatypes.js
index 1b71047..91d75e4 100644
--- a/frontend-next/src/components/app/datatypes.js
+++ b/frontend-next/src/components/app/datatypes.js
@@ -149,17 +149,15 @@ export function Interest({interest}) {
 
 export function ProfileRoom({room}) {
   return (
-    <div className="gap-x-5">
-      <div className="rounded-lg p-2 shadow-xl bg-white h-[250px] w-[350px] grow-0">
-        <div className="relative z-1 h-[235px] opacity-50">
-          <Geo loc={{"latitude": room.latitude, "longitude": room.longitude}} zoom={12} locMarker={false}/>
-        </div>
-        <div className="relative z-2 top-[-235px] text-left p-2">
-          <div className="text-2xl font-bold">{room.name}</div>
-          <div>{room.description}</div>
-          <div>Created on {new Date(room.timestamp).toLocaleString(dateOptions)}</div>
-          <a href={"/app?room="+room.path+"/"+room.name+"-"+room.timestamp} className="absolute z-2 top-[190px] w-[108px] p-2 cursor-pointer bg-[#dee0e0] bg-cyan-500 text-white font-bold rounded-full mr-5 flex items-center">Open Room</a>
-        </div>
+    <div className="rounded-lg p-2 shadow-xl bg-white h-[250px] w-[325px]">
+      <div className="relative z-1 h-[235px] opacity-50">
+        <Geo loc={{"latitude": room.latitude, "longitude": room.longitude}} zoom={12} locMarker={false}/>
+      </div>
+      <div className="relative z-2 top-[-235px] text-left p-2"> 
+        <div className="text-2xl font-bold">{room.name}</div>
+        <div>{room.description}</div>
+        <div>Created on {new Date(room.timestamp).toLocaleString(dateOptions)}</div>
+        <a href={"/app?room="+room.path+"/"+room.name+"-"+room.timestamp} className="absolute z-2 top-[190px] w-[108px] p-2 cursor-pointer bg-[#dee0e0] bg-cyan-500 text-white font-bold rounded-full flex items-center">Open Room</a>
       </div>
     </div>
   )