From f49d0f02d99c429dd124b580043a7e5d82a322ed Mon Sep 17 00:00:00 2001
From: David Gwilliam <dhgwilliam@gmail.com>
Date: Tue, 31 Mar 2026 03:52:48 -0700
Subject: [PATCH] fix: move Lynn, Emily, and Amelia 10px further outward

---
 src/app/matches/[id]/page.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/matches/[id]/page.tsx b/src/app/matches/[id]/page.tsx
index 7d5de64..8c02967 100644
--- a/src/app/matches/[id]/page.tsx
+++ b/src/app/matches/[id]/page.tsx
@@ -88,9 +88,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
               <div className="relative p-8">
                 {/* Table Square - Larger with more padding */}
                 <div className="w-72 h-72 bg-amber-100 border-4 border-amber-600 rounded-xl relative shadow-lg">
-                  {/* Top: Team 1 Player 1 - Moved 10px up */}
+                  {/* Top: Team 1 Player 1 - Moved 20px up */}
                   <div className="absolute top-0 left-0 right-0 h-1/2 flex flex-col justify-end items-center pb-8">
-                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm -mt-[10px]">
+                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm -mt-[20px]">
                       <p className="text-base font-semibold text-amber-900">
                         {match.team1P1.name}
                       </p>
@@ -124,9 +124,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
                     </div>
                   </div>
 
-                  {/* Left: Team 1 Player 2 - Moved 10px left */}
+                  {/* Left: Team 1 Player 2 - Moved 20px left */}
                   <div className="absolute left-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pl-8">
-                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[-90deg] -ml-[10px]">
+                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[-90deg] -ml-[20px]">
                       <p className="text-sm font-semibold text-amber-900">
                         {match.team1P2.name}
                       </p>
@@ -141,9 +141,9 @@ export default async function MatchDetailPage({ params }: PageProps) {
                     </div>
                   </div>
 
-                  {/* Right: Team 2 Player 1 - Moved 10px right */}
+                  {/* Right: Team 2 Player 1 - Moved 20px right */}
                   <div className="absolute right-0 top-0 bottom-0 w-1/2 flex flex-col justify-center items-center pr-8">
-                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[90deg] -mr-[10px]">
+                    <div className="text-center bg-white/80 rounded-lg px-3 py-2 shadow-sm rotate-[90deg] -mr-[20px]">
                       <p className="text-sm font-semibold text-red-900">
                         {match.team2P1.name}
                       </p>