From 13ff4c7fbe3a070f6af9dda3c3dfa87e6f2badb7 Mon Sep 17 00:00:00 2001
From: ludwiczakpawel <ludwiczakpawel@gmail.com>
Date: Tue, 5 Jan 2021 19:24:55 +0100
Subject: [PATCH] "Copied!" label no longer wrapping to the next line (#12128)

* tooltips 1.0.1

* tooltips 1.0.1

* button wrapping fix
---
 .../article-form/components/ClipboardButton.jsx     | 13 ++++---------
 1 file changed, 4 insertions(+), 9 deletions(-)

diff --git a/app/javascript/article-form/components/ClipboardButton.jsx b/app/javascript/article-form/components/ClipboardButton.jsx
index 28eeb23ba..464591173 100644
--- a/app/javascript/article-form/components/ClipboardButton.jsx
+++ b/app/javascript/article-form/components/ClipboardButton.jsx
@@ -44,18 +44,13 @@ export const ClipboardButton = ({
       value={linksToMarkdownForm(imageUrls)}
     />
     <Button
-      className="spec__image-markdown-copy"
+      className="spec__image-markdown-copy whitespace-nowrap fw-normal"
       variant="ghost"
-      contentType="icon"
+      contentType="icon-left"
       icon={CopyIcon}
-    />
-    <span
-      id="image-markdown-copy-link-announcer"
-      role="alert"
-      className={`fs-s ${showCopyMessage ? '' : 'opacity-0'}`}
     >
-      Copied!
-    </span>
+      {showCopyMessage ? 'Copied!' : 'Copy...'}
+    </Button>
   </clipboard-copy>
 );