From b21051ced57db36403ec066a23c84370f3aaf94f Mon Sep 17 00:00:00 2001
From: Marshall Polaris <marshall@pol.rs>
Date: Sat, 27 Aug 2022 19:15:55 -0700
Subject: [PATCH] Fix up copy link toast styling

---
 web/components/feed/copy-link-date-time.tsx | 2 +-
 web/components/toast-clipboard.tsx          | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/feed/copy-link-date-time.tsx b/web/components/feed/copy-link-date-time.tsx
index c5f943a1..c4e69655 100644
--- a/web/components/feed/copy-link-date-time.tsx
+++ b/web/components/feed/copy-link-date-time.tsx
@@ -37,7 +37,7 @@ export function CopyLinkDateTimeComponent(props: {
           }
         >
           {fromNow(createdTime)}
-          {showToast && <ToastClipboard className={'left-24 sm:-left-16'} />}
+          {showToast && <ToastClipboard />}
           <LinkIcon className="ml-1 mb-0.5 inline" height={13} />
         </a>
       </Link>
diff --git a/web/components/toast-clipboard.tsx b/web/components/toast-clipboard.tsx
index 7a909c51..387acaa5 100644
--- a/web/components/toast-clipboard.tsx
+++ b/web/components/toast-clipboard.tsx
@@ -10,7 +10,7 @@ export function ToastClipboard(props: { className?: string }) {
       className={clsx(
         'border-base-300 absolute items-center' +
           'gap-2 divide-x divide-gray-200 rounded-md border-2 bg-white ' +
-          'h-15 w-[15rem] p-2 pr-3 text-gray-500',
+          'h-15 z-10 w-[15rem] p-2 pr-3 text-gray-500',
         className
       )}
     >