From c6177c5a050bf958d26d47b508bd9b9878a2cddf Mon Sep 17 00:00:00 2001
From: Sean Morley <mail@seanmorley.com>
Date: Fri, 9 May 2025 23:27:53 -0400
Subject: [PATCH] Refactor DateRangeCollapse component layout and improve
 styling

---
 .../src/lib/components/DateRangeCollapse.svelte    | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/lib/components/DateRangeCollapse.svelte b/frontend/src/lib/components/DateRangeCollapse.svelte
index 33d0066..0c07d90 100644
--- a/frontend/src/lib/components/DateRangeCollapse.svelte
+++ b/frontend/src/lib/components/DateRangeCollapse.svelte
@@ -112,16 +112,16 @@
 	<div class="collapse-title text-xl font-semibold">
 		{$t('adventures.date_information')}
 	</div>
-	<div class="collapse-content space-y-6">
+	<div class="collapse-content">
 		<!-- Timezone Selector -->
-		<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
-			<TimezoneSelector bind:selectedTimezone />
-		</div>
+		<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4"></div>
 
-		<div class="rounded-xl border border-base-300 bg-base-100 p-4 space-y-4 shadow-sm">
+		<div class="rounded-xl border border-base-300 bg-base-100 p-4 space-y-4 shadow-sm mb-4">
 			<!-- Group Header -->
 			<h3 class="text-md font-semibold">{$t('navbar.settings')}</h3>
 
+			<TimezoneSelector bind:selectedTimezone />
+
 			<!-- All Day Toggle -->
 			<div class="flex justify-between items-center">
 				<span class="text-sm">{$t('adventures.all_day')}</span>
@@ -260,7 +260,7 @@
 			{/if}
 			{#if type === 'adventure'}
 				<button
-					class="btn btn-primary"
+					class="btn btn-primary mb-2"
 					type="button"
 					on:click={() => {
 						const newVisit = {
@@ -311,7 +311,7 @@
 		{/if}
 
 		{#if type === 'adventure'}
-			<div class="border-t border-neutral pt-4">
+			<div class="border-t border-neutral pt-4 mb-2">
 				<h3 class="text-xl font-semibold">
 					{$t('adventures.visits')}
 				</h3>