clipboard styles

Author: tannerlinsley

src/components/CopyMarkdownButton.tsx

@@ -104,17 +104,20 @@ export function CopyMarkdownButton({
   return (
     <button
       disabled={isLoading}
-      className="py-1 px-2 text-sm bg-white/70 text-black dark:bg-gray-500/40 dark:text-white shadow-lg shadow-black/20 flex items-center justify-center backdrop-blur-sm z-20 rounded-lg overflow-hidden"
+      className="py-1 px-2 text-sm bg-white/70 text-black dark:bg-gray-500/40 dark:text-white shadow-lg shadow-black/10 flex items-center justify-center backdrop-blur-sm z-20 rounded-lg overflow-hidden"
       onClick={onClick}
       title="Copy markdown source"
     >
       <div className="flex gap-2 items-center">
         {checked ? (
-          <FaCheck className="w-3 h-3" />
+          <>
+            <FaCheck className="w-3 h-3" /> Copied to Clipboard
+          </>
         ) : (
-          <FaCopy className="w-3 h-3" />
+          <>
+            <FaCopy className="w-3 h-3" /> Copy Markdown
+          </>
         )}
-        Copy Markdown
       </div>
     </button>
   )

src/components/Doc.tsx

@@ -129,7 +129,7 @@ export function Doc({
             <GamLeader />
           </AdGate>
           {title ? (
-            <div className="flex items-center justify-between gap-4">
+            <div className="flex items-center justify-between gap-4 pr-4">
               <DocTitle>{title}</DocTitle>
               <div className="flex items-center gap-4">
                 <CopyMarkdownButton