From 81ec666ba8465c29b9a6d0bcb30ea1010acdff51 Mon Sep 17 00:00:00 2001
From: Angelica Willianto <angelicawillianto@gmail.com>
Date: Mon, 12 Aug 2024 12:46:34 +0700
Subject: [PATCH] feat(ui): UI improvements

---
 src/components/Menu.svelte            |  2 +-
 src/components/NotifyMe.svelte        |  4 ++--
 src/components/RocketDashboard.svelte | 15 ++++-----------
 3 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/src/components/Menu.svelte b/src/components/Menu.svelte
index d1eb708..3b9f543 100644
--- a/src/components/Menu.svelte
+++ b/src/components/Menu.svelte
@@ -33,7 +33,7 @@
 	<Users class={iconClass} />
 	People
 </a>
-<Separator />
+<Separator class="my-2" />
 <a href="##" class={getClass('inbox')}>
 	<Mail class={iconClass} />
 	Inbox
diff --git a/src/components/NotifyMe.svelte b/src/components/NotifyMe.svelte
index b474283..328e26e 100644
--- a/src/components/NotifyMe.svelte
+++ b/src/components/NotifyMe.svelte
@@ -95,7 +95,7 @@
 			</Dialog.Description>
 			<div class="flex flex-col gap-4 py-4">
 				{#if $currentUser}
-					<Button on:click={Subscribe}>Reveive DM</Button>
+					<Button on:click={Subscribe}>Receive DM</Button>
 				{:else}
 					<Login />
 				{/if}
@@ -108,7 +108,7 @@
 					<div class="ml-4 p-0 text-sm text-red-500">{emailError}</div>
 				{/if}
 			</div>
-			<Button disabled={emailInValid} on:click={SubmitEmailAndSubscribe}>Reveive Email</Button>
+			<Button disabled={emailInValid} on:click={SubmitEmailAndSubscribe}>Receive Email</Button>
 		</Dialog.Header>
 	</Dialog.Content>
 </Dialog.Root>
diff --git a/src/components/RocketDashboard.svelte b/src/components/RocketDashboard.svelte
index bf08076..0aef5cc 100644
--- a/src/components/RocketDashboard.svelte
+++ b/src/components/RocketDashboard.svelte
@@ -16,8 +16,7 @@
 
 	export let rocket: NDKEvent;
 
-	$: unratifiedZaps = new Map<string, number>()
-
+	$: unratifiedZaps = new Map<string, number>();
 </script>
 
 <div class="flex flex-col sm:gap-4">
@@ -34,9 +33,7 @@
 			</Breadcrumb.List>
 		</Breadcrumb.Root>
 	</header>
-	<main
-		class="grid flex-1 items-start gap-4 p-4 sm:px-6 sm:py-0 md:gap-2 lg:grid-cols-3 xl:grid-cols-3"
-	>
+	<main class="grid flex-1 items-start gap-4 md:gap-2 lg:grid-cols-3 xl:grid-cols-3">
 		<MeritsAndSatflow {unratifiedZaps} rocket={new Rocket(rocket)} />
 
 		<ProductFomo bind:unratifiedZaps rocket={new Rocket(rocket)} />
@@ -44,7 +41,7 @@
 		<ProposedProducts {rocket} />
 
 		<MeritRequests rocket={new Rocket(rocket)} />
-		<BitcoinAssociations rocket={new Rocket(rocket)}/>
+		<BitcoinAssociations rocket={new Rocket(rocket)} />
 		<Card.Root class="sm:col-span-3">
 			<Card.Header class="pb-3">
 				<Card.Title>Actions</Card.Title>
@@ -62,10 +59,6 @@
 			<Card.Footer></Card.Footer>
 		</Card.Root>
 
-		<Todo
-			text={[
-				'delete rocket (if current user is rocket creator) - publish deletion request'
-			]}
-		/>
+		<Todo text={['delete rocket (if current user is rocket creator) - publish deletion request']} />
 	</main>
 </div>