Fixes to where passed in class names are assigned and coloring of the…

… button svg [#151224876]

src/css/buttons/buttons.scss

@@ -75,6 +75,9 @@
   padding: 0;
   .icon {
     margin: 5px;
+    svg {
+      fill: currentColor;
+    }
   }
 }
 

src/css/tooltips/tooltips.scss

@@ -83,6 +83,12 @@
   position: relative;
   display: inline-block;
 
+  a {
+    svg {
+      fill: currentColor;
+    }
+  }
+
   &.tooltip-light {
     .tooltip-content {
       background-color: $tooltip-light-bg;

src/react/copy-to-clipboard/copy-to-clipboard.js

@@ -28,7 +28,7 @@ export class CopyToClipboard extends React.PureComponent {
   };
 
   render() {
-    const {children, text, onClick, getWindow, tooltip = "Copied", ...others} = this.props;
+    const {children, className, text, onClick, getWindow, tooltip = "Copied", ...others} = this.props;
     const obj = {props: this.props, text: null};
 
     const anchorProps = mergeProps(others, {
@@ -37,7 +37,7 @@ export class CopyToClipboard extends React.PureComponent {
       role: 'button'
     });
 
-    return (<TooltipTrigger {...{tooltip, trigger: "click"}}>
+    return (<TooltipTrigger {...{className, tooltip, trigger: "click"}}>
         <a {...anchorProps}>
           <span className="sr-only" ref={ref => obj.text = ref}>{text}</span>
           {children}