From 366dc6cd0826e9fe8f061391b665a8da92cf1bbc Mon Sep 17 00:00:00 2001
From: Owen <owenrees.dev@gmail.com>
Date: Fri, 12 Dec 2025 09:35:51 +0100
Subject: [PATCH] formatting changes

---
 src/app/[locale]/(main)/match/MatchForm.tsx | 27 +++++++++++----------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/src/app/[locale]/(main)/match/MatchForm.tsx b/src/app/[locale]/(main)/match/MatchForm.tsx
index 5a6aca8..2443174 100644
--- a/src/app/[locale]/(main)/match/MatchForm.tsx
+++ b/src/app/[locale]/(main)/match/MatchForm.tsx
@@ -69,12 +69,20 @@ const MatchForm = ({ clubs }: IProps) => {
 
   return (
     <FormProvider {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="w-3/4 space-y-8">
-        <div className="grid grid-cols-6 items-start gap-6">
+      <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-8">
+        <div className="grid grid-cols-4 items-start gap-6">
           <div className="col-span-1">
             <Calendar name="date" control={form.control} label="Date" />
           </div>
-          <div className="col-span-2">
+          <div className="col-span-3">
+            <TextField
+              name="lieu"
+              control={form.control}
+              label="Lieu"
+              required
+            />
+          </div>
+          <div className="col-span-3">
             <TextField
               name="competition"
               control={form.control}
@@ -91,25 +99,18 @@ const MatchForm = ({ clubs }: IProps) => {
               required
             />
           </div>
-          <div className="col-span-2">
-            <TextField
-              name="lieu"
-              control={form.control}
-              label="Lieu"
-              required
-            />
-          </div>
+
           <TeamSelection
             clubOptions={clubOptions}
             name="team1"
             label="Team 1"
-            className="col-span-3 space-y-4"
+            className="col-span-2 space-y-4"
           />
           <TeamSelection
             clubOptions={clubOptions}
             name="team2"
             label="Team 2"
-            className="col-span-3 space-y-4"
+            className="col-span-2 space-y-4"
           />
         </div>