Refactor input and button layout in ActivityComplete component

frontend/src/lib/components/ActivityComplete.svelte

@@ -49,6 +49,7 @@
 </script>
 
 <div class="relative">
+	<div class="flex gap-2">
 		<input
 			type="text"
 			class="input input-bordered w-full"
@@ -61,6 +62,8 @@
 				}
 			}}
 		/>
+		<button type="button" class="btn btn-neutral" on:click={addActivity}>Add</button>
+	</div>
 	{#if inputVal && filteredItems.length > 0}
 		<ul class="absolute z-10 w-full bg-base-100 shadow-lg max-h-60 overflow-auto">
 			<!-- svelte-ignore a11y-click-events-have-key-events -->

frontend/src/lib/components/AdventureModal.svelte

@@ -533,9 +533,14 @@
 									class="textarea textarea-bordered w-full h-32"
 								></textarea>
 								<div class="mt-2">
+									<div
+										class="tooltip tooltip-right"
+										data-tip="Pulls excerpt from Wikipedia article matching the name of the adventure."
+									>
 										<button type="button" class="btn btn-neutral" on:click={generateDesc}
 											>Generate Description</button
 										>
+									</div>
 									<p class="text-red-500">{wikiError}</p>
 								</div>
 							</div>
@@ -558,13 +563,12 @@
 						</div>
 					</div>
 
-					<div class="collapse collapse-plus bg-base-200 mb-4">
+					<div class="collapse collapse-plus bg-base-200 mb-4 overflow-visible">
 						<input type="checkbox" />
 						<div class="collapse-title text-xl font-medium">
 							Activity Types ({adventure.activity_types?.length || 0})
 						</div>
 						<div class="collapse-content">
-							<label for="activity_types">Activity Types</label><br />
 							<input
 								type="text"
 								id="activity_types"
@@ -583,7 +587,7 @@
 							Visits ({adventure.visits.length})
 						</div>
 						<div class="collapse-content">
-							<p>hello</p>
+							<p>Coming soon!</p>
 						</div>
 					</div>
 

frontend/src/routes/adventures/[id]/+page.svelte

@@ -185,7 +185,7 @@
 									>{adventure.is_public ? 'Public' : 'Private'}</span
 								>
 							</div>
-							{#if adventure.date}
+							<!-- {#if adventure.date}
 								<div class="flex items-center gap-2">
 									<svg
 										xmlns="http://www.w3.org/2000/svg"
@@ -215,7 +215,7 @@
 											: ''}</span
 									>
 								</div>
-							{/if}
+							{/if} -->
 							{#if adventure.location}
 								<div class="flex items-center gap-2">
 									<svg
@@ -304,11 +304,11 @@
 				></div>
 				<div class="grid gap-8">
 					<div>
-						<h2 class="text-2xl font-bold mt-4">Trip Details</h2>
+						<h2 class="text-2xl font-bold mt-4">Adventure Details</h2>
 						<div class="grid gap-4 mt-4">
 							<div class="grid md:grid-cols-2 gap-4">
 								<div>
-									<p class="text-sm text-muted-foreground">Trip Type</p>
+									<p class="text-sm text-muted-foreground">Adventure Type</p>
 									<p class="text-base font-medium">
 										{adventure.type[0].toLocaleUpperCase() + adventure.type.slice(1)}
 									</p>
@@ -353,11 +353,11 @@
 												{adventure.type.charAt(0).toUpperCase() + adventure.type.slice(1)}
 											</p>
 											<p>
-												{adventure.date
+												<!-- {adventure.date
 													? new Date(adventure.date).toLocaleDateString(undefined, {
 															timeZone: 'UTC'
 														})
-													: ''}
+													: ''} -->
 											</p>
 										</Popup>
 									</DefaultMarker>