From b0bee4ec82e88b472ef2782b467da3e70e3d44c0 Mon Sep 17 00:00:00 2001
From: Kunal Bhaskar <kunalbhaskarnz@gmail.com>
Date: Fri, 2 Aug 2024 16:21:40 +1200
Subject: [PATCH 1/3] aligned contents to the left as in figma

---
 .../composite/SuccessfulBooking/SuccessfulBooking.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
index ce5fdefc4..e86a99dbd 100644
--- a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
+++ b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
@@ -8,7 +8,7 @@ type SuccessfulBookingProps = {
 const SuccessfulBooking = ({ startDate, endDate }: SuccessfulBookingProps) => {
   return (
     <>
-      <div className="border-gray-3 h-auto w-full rounded-md border-2 bg-white py-5">
+      <div className="flex flex-col items-start border-gray-3 h-auto w-full rounded-md border-2 bg-white py-2 px-8">
         <h3 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-5 text-center font-bold">
           Your lodge booking has been confirmed!
         </h3>

From fa4eb468ea3e743b87a74994d0274bdf7bdd9807 Mon Sep 17 00:00:00 2001
From: Kunal Bhaskar <kunalbhaskarnz@gmail.com>
Date: Fri, 2 Aug 2024 16:23:29 +1200
Subject: [PATCH 2/3] ran prettier

---
 .../composite/SuccessfulBooking/SuccessfulBooking.tsx           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
index e86a99dbd..a310dc30b 100644
--- a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
+++ b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
@@ -8,7 +8,7 @@ type SuccessfulBookingProps = {
 const SuccessfulBooking = ({ startDate, endDate }: SuccessfulBookingProps) => {
   return (
     <>
-      <div className="flex flex-col items-start border-gray-3 h-auto w-full rounded-md border-2 bg-white py-2 px-8">
+      <div className="border-gray-3 flex h-auto w-full flex-col items-start rounded-md border-2 bg-white px-8 py-2">
         <h3 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-5 text-center font-bold">
           Your lodge booking has been confirmed!
         </h3>

From 4ad08757956e712eba66500bf350dd72500d27c7 Mon Sep 17 00:00:00 2001
From: Kunal Bhaskar <kunalbhaskarnz@gmail.com>
Date: Thu, 8 Aug 2024 09:51:22 +1200
Subject: [PATCH 3/3] took out the centering

---
 .../composite/SuccessfulBooking/SuccessfulBooking.tsx  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
index a310dc30b..f431c8288 100644
--- a/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
+++ b/client/src/components/composite/SuccessfulBooking/SuccessfulBooking.tsx
@@ -9,19 +9,19 @@ const SuccessfulBooking = ({ startDate, endDate }: SuccessfulBookingProps) => {
   return (
     <>
       <div className="border-gray-3 flex h-auto w-full flex-col items-start rounded-md border-2 bg-white px-8 py-2">
-        <h3 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-5 text-center font-bold">
+        <h3 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-5 font-bold">
           Your lodge booking has been confirmed!
         </h3>
-        <h5 className="text-dark-blue-100 case-capital text-center font-bold uppercase">
+        <h5 className="text-dark-blue-100 case-capital font-bold uppercase">
           You have booked for:
         </h5>
-        <h4 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-1 text-center">
+        <h4 className="text-dark-blue-100 xxs:mb-5 mb-10 mt-1">
           {startDate} to {endDate}
         </h4>
-        <h4 className="text-dark-blue-100 xxs:mb-10 mb-20 text-center">
+        <h4 className="text-dark-blue-100 xxs:mb-10 mb-20 ">
           Please check your email for the confirmation.
         </h4>
-        <div className="mb-2 flex justify-center">
+        <div className="mb-2">
           <button className="text-dark-blue-100 border-dark-blue-100 hover:bg-dark-blue-100 rounded-md border bg-white p-2 text-sm font-bold hover:scale-105 hover:text-white">
             <Link href="/bookings">Back to Bookings</Link>
           </button>