From 6e5b0dfd0182ff83d4c12821976db256bae9e473 Mon Sep 17 00:00:00 2001
From: Coracle-Bot <npub1klq6260@nostr.local>
Date: Fri, 18 Sep 2026 18:55:04 +0000
Subject: [PATCH] Center the share dialog link heading in a divider (#586)

---
 src/app/components/ShareEvent.svelte | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/app/components/ShareEvent.svelte b/src/app/components/ShareEvent.svelte
index 0cc3203c..4691b42f 100644
--- a/src/app/components/ShareEvent.svelte
+++ b/src/app/components/ShareEvent.svelte
@@ -7,6 +7,7 @@
   import LinkRound from "@assets/icons/link-round.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Button from "@lib/components/Button.svelte"
+  import Divider from "@lib/components/Divider.svelte"
   import ModalHeader from "@lib/components/ModalHeader.svelte"
   import ModalTitle from "@lib/components/ModalTitle.svelte"
   import ModalSubtitle from "@lib/components/ModalSubtitle.svelte"
@@ -64,16 +65,14 @@
         </Button>
       {/each}
     </div>
-    <div class="flex flex-col gap-2">
-      <p class="text-xs uppercase tracking-wide opacity-60">Or copy a link</p>
-      <label class="input flex min-w-0 items-center gap-2">
-        <Icon icon={LinkRound} class="shrink-0" />
-        <input value={permalink} class="min-w-0 flex-1 truncate" type="text" readonly />
-        <Button class="shrink-0" aria-label="Copy link" onclick={copyPermalink}>
-          <Icon icon={Copy} />
-        </Button>
-      </label>
-    </div>
+    <Divider>Or copy a link</Divider>
+    <label class="input flex min-w-0 items-center gap-2">
+      <Icon icon={LinkRound} class="shrink-0" />
+      <input value={permalink} class="min-w-0 flex-1 truncate" type="text" readonly />
+      <Button class="shrink-0" aria-label="Copy link" onclick={copyPermalink}>
+        <Icon icon={Copy} />
+      </Button>
+    </label>
   </ModalBody>
   <ModalFooter>
     <Button class="button button-link" onclick={back}>