From 94ff03f617b5bfacfd44aab965dc8320b6921cd7 Mon Sep 17 00:00:00 2001
From: Manuel Bustillo <bustikiller@bustikiller.com>
Date: Sun, 1 Jun 2025 14:17:02 +0200
Subject: [PATCH] Use a darker green and 4 columns for the invitations

---
 app/ui/invitations/board.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/ui/invitations/board.tsx b/app/ui/invitations/board.tsx
index 36f8fda..bea860c 100644
--- a/app/ui/invitations/board.tsx
+++ b/app/ui/invitations/board.tsx
@@ -53,15 +53,16 @@ export default function InvitationsBoard({ guests, invitations }: {
         Create New Invitation
       </button>
 
-      <div className="grid grid-cols-3 gap-4">
+      <div className="grid grid-cols-4 gap-6">
         {invitations.map((invitation, index) => (
         <div
           key={invitation.id}
-          className="flex items-center justify-center h-32 w-full bg-green-600 border border-green-700"
+          className="flex items-center justify-center w-full bg-green-800 border border-green-900"
+          style={{ aspectRatio: "1.618 / 1" }}
         >
           <ul className="text-center text-yellow-500 font-cursive text-lg">
           {invitation.guests.map((guest) => (
-            <li key={guest.id}>{guest.name}</li>
+        <li key={guest.id}>{guest.name}</li>
           ))}
           </ul>
         </div>