From fe1b8720fbc8d811072a5a4152c7af8fd8706342 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Wed, 19 Nov 2025 17:34:46 +0100
Subject: [PATCH] fix: restore ShareModal design

- The copy button works again to copy the URL.
- The copy button is now to the right of the input component (not below).
- Removed the fixed height on the buttons so they now match the height of the input text fields.
---
 src/assets/oruga-tailwindcss.css    | 2 +-
 src/components/Share/ShareModal.vue | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/assets/oruga-tailwindcss.css b/src/assets/oruga-tailwindcss.css
index 0d5941ebe..8aa088cb8 100644
--- a/src/assets/oruga-tailwindcss.css
+++ b/src/assets/oruga-tailwindcss.css
@@ -8,7 +8,7 @@ body {
 
 /* Button */
 .btn {
-  @apply font-bold py-2 px-4 bg-mbz-bluegreen hover:bg-mbz-bluegreen-600 text-white rounded h-10 outline-none focus:ring ring-offset-1 ring-offset-slate-50 ring-blue-300;
+  @apply font-bold py-2 px-4 bg-mbz-bluegreen hover:bg-mbz-bluegreen-600 text-white rounded outline-none focus:ring ring-offset-1 ring-offset-slate-50 ring-blue-300;
 }
 .btn:hover {
   @apply text-slate-200;
diff --git a/src/components/Share/ShareModal.vue b/src/components/Share/ShareModal.vue
index 1b223270d..81fb5d8ef 100644
--- a/src/components/Share/ShareModal.vue
+++ b/src/components/Share/ShareModal.vue
@@ -7,7 +7,7 @@
     <section class="flex">
       <div class="w-full">
         <slot></slot>
-        <o-field :label="inputLabel" label-for="url-text">
+        <o-field addons :label="inputLabel" label-for="url-text">
           <o-input id="url-text" ref="URLInput" :modelValue="url" expanded />
           <p class="control">
             <o-tooltip
@@ -159,10 +159,10 @@ const mastodonShare = computed((): string | undefined =>
   mastodonShareUrl(props.url, props.text)
 );
 
-const copyURL = (): void => {
-  URLInput.value?.$refs.inputRef.select();
-  document.execCommand("copy");
+const copyURL = async () => {
+  await navigator.clipboard.writeText(props.url);
   showCopiedTooltip.value = true;
+
   setTimeout(() => {
     showCopiedTooltip.value = false;
   }, 2000);