From e4de8a39a48ce053588647e1f84f1988cd4b1475 Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Thu, 15 Aug 2024 21:36:21 -0400
Subject: [PATCH] textfield for description

---
 frontend/src/lib/components/EditAdventure.svelte | 13 +++++++------
 frontend/src/lib/components/NewAdventure.svelte  | 15 ++++++---------
 2 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/frontend/src/lib/components/EditAdventure.svelte b/frontend/src/lib/components/EditAdventure.svelte
index 806cdc7..61f68c5 100644
--- a/frontend/src/lib/components/EditAdventure.svelte
+++ b/frontend/src/lib/components/EditAdventure.svelte
@@ -215,17 +215,16 @@
 					<label for="date">Description <Notebook class="inline-block -mt-1 mb-1 w-6 h-6" /></label
 					><br />
 					<div class="flex">
-						<input
-							type="text"
+						<textarea
 							id="description"
 							name="description"
 							bind:value={adventureToEdit.description}
-							class="input input-bordered w-full max-w-xs mt-1 mb-2"
+							class="textarea textarea-bordered h-32 w-full max-w-xl mt-1 mb-2"
 						/>
-						<button class="btn btn-neutral ml-2" type="button" on:click={generateDesc}
-							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
-						>
 					</div>
+					<button class="btn btn-neutral" type="button" on:click={generateDesc}
+						><Wikipedia class="inline-block -mt-1  mb-1 w-6 h-6" />Generate Description</button
+					>
 				</div>
 				{#if adventureToEdit.type == 'visited' || adventureToEdit.type == 'planned'}
 					<div class="mb-2">
@@ -337,6 +336,8 @@
 							</button>
 						{/if}
 					</div>
+				</div>
+				<div class="mb-2">
 					<input
 						type="text"
 						id="latitude"
diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
index c4bbe73..ef1cf0d 100644
--- a/frontend/src/lib/components/NewAdventure.svelte
+++ b/frontend/src/lib/components/NewAdventure.svelte
@@ -285,22 +285,19 @@
 					/>
 				</div>
 				<div class="mb-2">
-					<label for="description"
-						>Description<iconify-icon icon="mdi:notebook" class="text-lg ml-1 -mb-0.5"
-						></iconify-icon></label
+					<label for="date">Description <Notebook class="inline-block -mt-1 mb-1 w-6 h-6" /></label
 					><br />
 					<div class="flex">
-						<input
-							type="text"
+						<textarea
 							id="description"
 							name="description"
 							bind:value={newAdventure.description}
-							class="input input-bordered w-full max-w-xs mt-1 mb-2"
+							class="textarea textarea-bordered h-32 w-full max-w-xl mt-1 mb-2"
 						/>
-						<button class="btn btn-neutral ml-2" type="button" on:click={generateDesc}
-							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
-						>
 					</div>
+					<button class="btn btn-neutral" type="button" on:click={generateDesc}
+						><Wikipedia class="inline-block -mt-1  mb-1 w-6 h-6" />Generate Description</button
+					>
 				</div>
 				{#if newAdventure.type == 'visited' || newAdventure.type == 'planned'}
 					<div class="mb-2">