From ad577607dd932baf417638b0e1cbff870b73cac1 Mon Sep 17 00:00:00 2001
From: brian <brian@grug.dev>
Date: Thu, 16 Nov 2023 04:00:03 -0500
Subject: [PATCH] Inital layout setup

---
 app/page.tsx              | 8 +++++---
 components/RouteCards.tsx | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index a119606..ac0c567 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -5,9 +5,11 @@ export default async function Home() {
   let routes: Array<Route> = await getRoutes();
 
   return (
-    <main className="flex min-h-screen">
-      <div className='grid grid-rows-4 grid-flow-col gap-4'>
-        <RouteCards routes={routes} />
+    <main>
+      <div className=''>
+        <div className='flex grid grid-cols-6 p-2'>
+          <RouteCards routes={routes} />
+        </div>
       </div>
     </main>
   )
diff --git a/components/RouteCards.tsx b/components/RouteCards.tsx
index e36ab75..f6d9eb2 100644
--- a/components/RouteCards.tsx
+++ b/components/RouteCards.tsx
@@ -32,8 +32,8 @@ export default function RouteCards({ routes }: { routes: Array<Route> }) {
 
     return (
         routes.map((route, index) => (
-            <div key={index}>
-                <Card key={index}>
+            <div key={index} className='p-2'>
+                <Card key={index} className='w-[300px]'>
                     <CardHeader>
                         <CardTitle>{getHosts(route).values().next().value}</CardTitle>
                         {getHosts(route).map((route => <CardDescription key={route}>{route}</ CardDescription>))}