From dbe2f01b8d1630b2e887055503e837e0f3128e92 Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Sat, 27 Jul 2024 14:40:33 -0400
Subject: [PATCH] refactor: Update adventure and collection page headers and
 date formatting

---
 frontend/src/routes/collections/[id]/+page.svelte | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/collections/[id]/+page.svelte b/frontend/src/routes/collections/[id]/+page.svelte
index e3813a7..0efe833 100644
--- a/frontend/src/routes/collections/[id]/+page.svelte
+++ b/frontend/src/routes/collections/[id]/+page.svelte
@@ -220,7 +220,7 @@
 			</div>
 		</div>
 	{/if}
-	<h1 class="text-center font-semibold text-2xl mt-4 mb-2">Linked Adventures</h1>
+	<h1 class="text-center font-bold text-4xl mt-4 mb-2">Linked Adventures</h1>
 	{#if adventures.length == 0}
 		<NotFound error={undefined} />
 	{/if}
@@ -237,15 +237,17 @@
 		{/each}
 	</div>
 
-	{#if numberOfDays}
-		<p class="text-center text-lg mt-4 pl-16 pr-16">Duration: {numberOfDays} days</p>
-	{/if}
 	{#if collection.start_date && collection.end_date}
+		<h1 class="text-center font-bold text-4xl mt-4 mb-2">Itinerary</h1>
+		{#if numberOfDays}
+			<p class="text-center text-lg mt-4 pl-16 pr-16">Duration: {numberOfDays} days</p>
+		{/if}
 		<p class="text-center text-lg mt-4 pl-16 pr-16">
 			Dates: {new Date(collection.start_date).toLocaleDateString('en-US', { timeZone: 'UTC' })} - {new Date(
 				collection.end_date
 			).toLocaleDateString('en-US', { timeZone: 'UTC' })}
 		</p>
+		<div class="divider"></div>
 
 		{#each Array(numberOfDays) as _, i}
 			{@const currentDate = new Date(collection.start_date)}