From 4e3c1ffe0280b7005f549a1c971b54b35b1d7faf Mon Sep 17 00:00:00 2001
From: Konstantin Schaper <konstantin.schaper@cloudogu.com>
Date: Wed, 2 Feb 2022 13:49:14 +0100
Subject: [PATCH] fix copy button not having pointer cursor

---
 scm-ui/ui-components/src/SyntaxHighlighter.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/scm-ui/ui-components/src/SyntaxHighlighter.tsx b/scm-ui/ui-components/src/SyntaxHighlighter.tsx
index 4c95636339..7ee9f6026d 100644
--- a/scm-ui/ui-components/src/SyntaxHighlighter.tsx
+++ b/scm-ui/ui-components/src/SyntaxHighlighter.tsx
@@ -45,7 +45,6 @@ const TopRightButton = styled.button`
 `;
 
 const Container = styled.div`
-  position: relative;
   &:hover > ${TopRightButton} {
     display: inline-block;
   }
@@ -93,7 +92,7 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
   }
 
   return (
-    <Container ref={setContentRef}>
+    <Container ref={setContentRef} className="is-relative">
       <ReactSyntaxHighlighter
         showLineNumbers={false}
         language={determineLanguage(language)}
@@ -102,7 +101,7 @@ const SyntaxHighlighter: FC<Props> = ({ language = defaultLanguage, showLineNumb
       >
         {valueWithoutTrailingLineBreak}
       </ReactSyntaxHighlighter>
-      <TopRightButton title={t("syntaxHighlighting.copyButton")} onClick={copy}>
+      <TopRightButton className="is-clickable" title={t("syntaxHighlighting.copyButton")} onClick={copy}>
         <i className={copied ? "fa fa-clipboard-check" : "fa fa-clipboard"} />
       </TopRightButton>
     </Container>