From 48ac320238db8aff652b614fad3381dc0f3f27e3 Mon Sep 17 00:00:00 2001
From: Sean Morley <zipsm15@gmail.com>
Date: Sat, 17 Aug 2024 14:38:24 -0400
Subject: [PATCH] image card

---
 .../src/lib/components/EditAdventure.svelte   | 45 +++++++++----------
 .../src/lib/components/NewAdventure.svelte    |  4 +-
 2 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/frontend/src/lib/components/EditAdventure.svelte b/frontend/src/lib/components/EditAdventure.svelte
index 44b5cb3..cd97263 100644
--- a/frontend/src/lib/components/EditAdventure.svelte
+++ b/frontend/src/lib/components/EditAdventure.svelte
@@ -349,10 +349,25 @@
 								</button>
 							{/if}
 						</div>
-						<!-- </div> -->
+						<div>
+							<div class="mt-2">
+								<div>
+									<label for="is_public"
+										>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
+									><br />
+									<input
+										type="checkbox"
+										class="toggle toggle-primary"
+										id="is_public"
+										name="is_public"
+										bind:checked={adventureToEdit.is_public}
+									/>
+								</div>
+							</div>
+						</div>
 					</div>
 					<div class="divider"></div>
-					<h2 class="text-2xl font-semibold mb-2 mt-4">Location Information</h2>
+					<h2 class="text-2xl font-semibold mb-2 mt-2">Location Information</h2>
 					<!-- <div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3"> -->
 					<div>
 						<label for="latitude">Location</label><br />
@@ -369,7 +384,7 @@
 							<input
 								type="text"
 								placeholder="Seach for a location"
-								class="input input-bordered w-full max-w-xs"
+								class="input input-bordered w-full max-w-xs mb-2"
 								id="search"
 								name="search"
 								bind:value={query}
@@ -423,23 +438,6 @@ it would also work to just use on:click on the MapLibre component itself. -->
 						</MapLibre>
 					</div>
 
-					<div>
-						<div>
-							<div>
-								<label for="is_public"
-									>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
-								><br />
-								<input
-									type="checkbox"
-									class="toggle toggle-primary"
-									id="is_public"
-									name="is_public"
-									bind:checked={adventureToEdit.is_public}
-								/>
-							</div>
-						</div>
-					</div>
-
 					<div class="mt-4">
 						<button type="submit" class="btn btn-primary">Save & Next</button>
 						<button type="button" class="btn" on:click={close}>Close</button>
@@ -469,7 +467,7 @@ it would also work to just use on:click on the MapLibre component itself. -->
 			</div>
 		{:else}
 			<p>Upload images here</p>
-			<p>{adventureToEdit.id}</p>
+			<!-- <p>{adventureToEdit.id}</p> -->
 			<div class="mb-2">
 				<label for="image">Image </label><br />
 				<div class="flex">
@@ -499,8 +497,9 @@ it would also work to just use on:click on the MapLibre component itself. -->
 							class="btn btn-error"
 							on:click={() => {
 								removeImage(image.id);
-							}}
-						/>
+							}}>X</button
+						>
+
 						<img src={image.image} alt={image.id} class="w-32 h-32" />
 					{/each}
 				</div>
diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
index 1e10f46..fa4a00d 100644
--- a/frontend/src/lib/components/NewAdventure.svelte
+++ b/frontend/src/lib/components/NewAdventure.svelte
@@ -352,7 +352,7 @@
 					</div>
 					<div>
 						<div>
-							<div>
+							<div class="mt-2">
 								<label for="is_public"
 									>Public <Earth class="inline-block -mt-1 mb-1 w-6 h-6" /></label
 								><br />
@@ -390,7 +390,7 @@
 							<input
 								type="text"
 								placeholder="Seach for a location"
-								class="input input-bordered w-full max-w-xs"
+								class="input input-bordered w-full max-w-xs mb-2"
 								id="search"
 								name="search"
 								bind:value={query}