From 9f0ba2e243be772a7677f8250893f5da7b2acbfe Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Wed, 6 Nov 2024 17:42:02 -0500
Subject: Factor out the elements of the `/me` page, and style them a little.

---
 ui/lib/components/Invite.svelte | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

(limited to 'ui/lib/components/Invite.svelte')

diff --git a/ui/lib/components/Invite.svelte b/ui/lib/components/Invite.svelte
index 35e00b4..381f483 100644
--- a/ui/lib/components/Invite.svelte
+++ b/ui/lib/components/Invite.svelte
@@ -5,8 +5,5 @@
   let inviteUrl = $derived(new URL(`/invite/${id}`, document.location));
 </script>
 
-<button
-  class="border-slate-500 border-solid border-2 font-bold p-1 rounded"
-  use:clipboard={inviteUrl}>Copy</button
->
+<button class="btn bg-secondary-500" use:clipboard={inviteUrl}>Copy</button>
 <span data-clipboard="inviteUrl">{inviteUrl}</span>
-- 
cgit v1.2.3


From d38344003092e53a84facdef1bff4fdd0ac3a017 Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Wed, 6 Nov 2024 17:45:37 -0500
Subject: Better choices of margins and caps

---
 ui/lib/components/Invite.svelte  | 2 +-
 ui/lib/components/Invites.svelte | 2 +-
 ui/routes/(app)/me/+page.svelte  | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'ui/lib/components/Invite.svelte')

diff --git a/ui/lib/components/Invite.svelte b/ui/lib/components/Invite.svelte
index 381f483..937c911 100644
--- a/ui/lib/components/Invite.svelte
+++ b/ui/lib/components/Invite.svelte
@@ -5,5 +5,5 @@
   let inviteUrl = $derived(new URL(`/invite/${id}`, document.location));
 </script>
 
-<button class="btn bg-secondary-500" use:clipboard={inviteUrl}>Copy</button>
+<button class="btn bg-secondary-500" use:clipboard={inviteUrl}>copy</button>
 <span data-clipboard="inviteUrl">{inviteUrl}</span>
diff --git a/ui/lib/components/Invites.svelte b/ui/lib/components/Invites.svelte
index 314782a..493bf1c 100644
--- a/ui/lib/components/Invites.svelte
+++ b/ui/lib/components/Invites.svelte
@@ -14,7 +14,7 @@
 </script>
 
 <form {onsubmit}>
-  <button class="btn bg-primary-500" type="submit"> Create Invitation </button>
+  <button class="btn bg-primary-500" type="submit">create invitation</button>
 </form>
 
 <ul class="mt-4">
diff --git a/ui/routes/(app)/me/+page.svelte b/ui/routes/(app)/me/+page.svelte
index e02bde5..aded292 100644
--- a/ui/routes/(app)/me/+page.svelte
+++ b/ui/routes/(app)/me/+page.svelte
@@ -4,14 +4,14 @@
   import ChangePassword from '$lib/components/ChangePassword.svelte';
 </script>
 
-<div class="my-4">
+<div class="mb-4">
   <ChangePassword />
 </div>
 
-<div class="my-4">
+<div class="mb-4">
   <Invites />
 </div>
 
-<div class="my-4">
+<div>
   <LogOut />
 </div>
-- 
cgit v1.2.3

