From 024b680e682e703a0e810fad0c98ecbe60485412 Mon Sep 17 00:00:00 2001
From: Eric Jimenez <eric.jimenez@rangle.io>
Date: Thu, 12 May 2016 11:38:19 -0400
Subject: [PATCH] fix(copy btn): remove overflow from button. Refactor styles
 out of inlines within directive

---
 public/resources/css/main.scss         |  1 +
 public/resources/css/module/_copy.scss | 10 ++++++++++
 public/resources/js/directives/copy.js |  4 ++--
 3 files changed, 13 insertions(+), 2 deletions(-)
 create mode 100644 public/resources/css/module/_copy.scss

diff --git a/public/resources/css/main.scss b/public/resources/css/main.scss
index 27b87b088d..0a0e019eab 100644
--- a/public/resources/css/main.scss
+++ b/public/resources/css/main.scss
@@ -54,6 +54,7 @@
 @import 'module/press-kit';
 @import 'module/features';
 @import 'module/docs-landing';
+@import 'module/copy';
 
 /*
 * PRINT STYLES
diff --git a/public/resources/css/module/_copy.scss b/public/resources/css/module/_copy.scss
new file mode 100644
index 0000000000..b1a295c96a
--- /dev/null
+++ b/public/resources/css/module/_copy.scss
@@ -0,0 +1,10 @@
+.copy-container-template {
+  position: relative;
+
+  & > .copy-button {
+    margin-top: 8px;
+    right: 0;
+    z-index: 1;
+    position: absolute;
+  }
+}
\ No newline at end of file
diff --git a/public/resources/js/directives/copy.js b/public/resources/js/directives/copy.js
index a2abd8bb96..f35bb151f5 100644
--- a/public/resources/js/directives/copy.js
+++ b/public/resources/js/directives/copy.js
@@ -24,8 +24,8 @@ angularIO.directive('copyContainer', function() {
     restrict: 'E',
     transclude: true,
     template:
-      '<div style="position: relative; overflow: auto;">' +
-        '<copy-button style="position: absolute; top: 18px; right: 0px; z-index: 1" ></copy-button>' +
+      '<div class="copy-container-template">' +
+        '<copy-button class="copy-button"></copy-button>' +
         '<ng-transclude></ng-transclude>' +
       '</div>'
   };