fix(copy btn): remove overflow from button. Refactor styles out of inlines within directive

Author: Eric Jimenez

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

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;
+  }
+}

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>'
   };