From 562b2a4a308f126076716a269322ee98dec14cc2 Mon Sep 17 00:00:00 2001
From: Henry Hiles <henry@henryhiles.com>
Date: Thu, 17 Aug 2023 19:53:36 -0400
Subject: [PATCH] General improvements

---
 src/routes/ConfirmedBookingPage.jsx | 15 +++++++++------
 src/styles/ConfirmedBookingPage.css | 14 +++++++++-----
 src/styles/Footer.css               |  4 ++--
 3 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/src/routes/ConfirmedBookingPage.jsx b/src/routes/ConfirmedBookingPage.jsx
index 43508d7..a08685e 100644
--- a/src/routes/ConfirmedBookingPage.jsx
+++ b/src/routes/ConfirmedBookingPage.jsx
@@ -2,10 +2,13 @@ import { Link } from "react-router-dom"
 import "../styles/ConfirmedBookingPage.css"
 
 export const ConfirmedBookingPage = () => (
-	<article className="confirmed">
-		<h1>Booking Confirmed</h1>
-		<p>
-			Your booking has been confirmed. <Link to="/">Back to home</Link>
-		</p>
-	</article>
+	<section className="confirmed">
+		<article>
+			<h1>Booking Confirmed</h1>
+			<p>
+				Your booking has been confirmed.{" "}
+				<Link to="/">Back to home</Link>
+			</p>
+		</article>
+	</section>
 )
diff --git a/src/styles/ConfirmedBookingPage.css b/src/styles/ConfirmedBookingPage.css
index 62a296c..3a1158d 100644
--- a/src/styles/ConfirmedBookingPage.css
+++ b/src/styles/ConfirmedBookingPage.css
@@ -1,12 +1,16 @@
 .confirmed {
-	background-color: var(--primary-1);
-	border-radius: 2rem;
-	margin: 2rem;
-	padding: 2rem 1rem;
-	text-align: center;
+	margin: auto;
+	padding: 1rem;
 }
 
 .confirmed h1 {
 	font-size: 2rem;
 	margin: 0;
 }
+
+.confirmed article {
+	background-color: var(--primary-1);
+	border-radius: 2rem;
+	padding: 2rem 3rem;
+	text-align: center;
+}
diff --git a/src/styles/Footer.css b/src/styles/Footer.css
index ea8a1d6..d062f31 100644
--- a/src/styles/Footer.css
+++ b/src/styles/Footer.css
@@ -2,7 +2,7 @@ footer {
 	display: flex;
 	justify-content: center;
 	gap: 3rem;
-	padding: 0.8rem;
+	padding: 1.6rem;
 	background-color: var(--primary-1);
 	color: white;
 }
@@ -10,7 +10,7 @@ footer {
 footer section {
 	display: flex;
 	flex-direction: column;
-	gap: 0.2rem;
+	gap: 0.3rem;
 }
 
 footer h3 {