From 2a9a5099dce8424dc9e733378248e1cb97cde72c Mon Sep 17 00:00:00 2001
From: Tessa Thornton <tessathornton@gmail.com>
Date: Thu, 26 Mar 2020 17:50:02 -0400
Subject: [PATCH] update click to copy link button styles (#2912)

Co-authored-by: Kim Gardner <kgardnr@gmail.com>
---
 .../ModerateCard/LinkDetailsContainer.css        |  5 -----
 .../ModerateCard/LinkDetailsContainer.tsx        | 16 +++-------------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.css b/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.css
index 984d48138..19fcecace 100644
--- a/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.css
+++ b/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.css
@@ -9,8 +9,3 @@
   display: inline-block;
   padding-right: var(--spacing-2);
 }
-
-.button {
-  border-bottom-left-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
diff --git a/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.tsx b/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.tsx
index 7fa18e9d5..c76161a8b 100644
--- a/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.tsx
+++ b/src/core/client/admin/components/ModerateCard/LinkDetailsContainer.tsx
@@ -5,7 +5,7 @@ import CopyToClipboard from "react-copy-to-clipboard";
 import { getURLWithCommentID } from "coral-framework/helpers";
 import { graphql, withFragmentContainer } from "coral-framework/lib/relay";
 import { getLocationOrigin } from "coral-framework/utils";
-import { Button, Icon } from "coral-ui/components";
+import { Button, Icon } from "coral-ui/components/v2";
 
 import { LinkDetailsContainer_comment } from "coral-admin/__generated__/LinkDetailsContainer_comment.graphql";
 import { LinkDetailsContainer_settings } from "coral-admin/__generated__/LinkDetailsContainer_settings.graphql";
@@ -32,12 +32,7 @@ const LinkDetailsContainer: FunctionComponent<Props> = ({
         <CopyToClipboard
           text={getURLWithCommentID(comment.story.url, comment.id)}
         >
-          <Button
-            color="primary"
-            variant="filled"
-            size="small"
-            className={styles.button}
-          >
+          <Button>
             <Icon size="md">link</Icon>
             <Localized id="moderate-in-stream-link-copy">
               <span>In Stream</span>
@@ -49,12 +44,7 @@ const LinkDetailsContainer: FunctionComponent<Props> = ({
         <CopyToClipboard
           text={`${getLocationOrigin()}/admin/moderate/comment/${comment.id}`}
         >
-          <Button
-            color="primary"
-            variant="filled"
-            size="small"
-            className={styles.button}
-          >
+          <Button>
             <Icon size="md">link</Icon>
             <Localized id="moderate-in-moderation-link-copy">
               <span>In Moderation</span>