From b7603bef192dac4a3e87a365f77dc87c61dbd4f8 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Wed, 5 Dec 2018 12:44:23 -0800
Subject: fix: ensure copy button is above code

---
 packages/website/ts/pages/instant/code_demo.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'packages')

diff --git a/packages/website/ts/pages/instant/code_demo.tsx b/packages/website/ts/pages/instant/code_demo.tsx
index b7a9f5b17..1bc1980e7 100644
--- a/packages/website/ts/pages/instant/code_demo.tsx
+++ b/packages/website/ts/pages/instant/code_demo.tsx
@@ -6,6 +6,7 @@ import { Button } from 'ts/components/ui/button';
 import { Container } from 'ts/components/ui/container';
 import { colors } from 'ts/style/colors';
 import { styled } from 'ts/style/theme';
+import { zIndex } from 'ts/style/z_index';
 
 const CustomPre = styled.pre`
     margin: 0px;
@@ -157,7 +158,7 @@ export class CodeDemo extends React.Component<CodeDemoProps, CodeDemoState> {
         const copyButtonText = this.state.didCopyCode ? 'Copied!' : 'Copy';
         return (
             <Container position="relative" height="100%">
-                <Container position="absolute" top="10px" right="10px">
+                <Container position="absolute" top="10px" right="10px" zIndex={zIndex.overlay - 1}>
                     <CopyToClipboard text={this.props.children} onCopy={this._handleCopyClick}>
                         <Button fontSize="14px">
                             <b>{copyButtonText}</b>
-- 
cgit v1.2.3