diff --git a/src/app/ui/copy-to-clipboard.js b/src/app/ui/copy-to-clipboard.js
index 146c1ebc32..2398b62e1a 100644
--- a/src/app/ui/copy-to-clipboard.js
+++ b/src/app/ui/copy-to-clipboard.js
@@ -14,8 +14,8 @@ var css = csjs`
}
`
-module.exports = function copyToClipboard (getContent) {
- var copyIcon = yo``
+module.exports = function copyToClipboard (getContent, tip = 'Copy value to to clipboard', icon = 'fa-clipboard') {
+ var copyIcon = yo``
copyIcon.style.color = styles.remix.icon_Color_CopyToClipboard
copyIcon.onmouseenter = function (event) { copyIcon.style.color = styles.remix.icon_HoverColor_CopyToClipboard }
copyIcon.onmouseleave = function (event) { copyIcon.style.color = styles.remix.icon_Color_CopyToClipboard }
@@ -29,7 +29,7 @@ module.exports = function copyToClipboard (getContent) {
}
} catch (e) {}
copy(copiableContent)
- addTooltip('Successfully copied!')
+ addTooltip(tip)
}
}
return copyIcon
diff --git a/src/multiParamManager.js b/src/multiParamManager.js
index fe91f5d978..6659c22b8f 100644
--- a/src/multiParamManager.js
+++ b/src/multiParamManager.js
@@ -154,7 +154,7 @@ class MultiParamManager {
var multiString = this.getMultiValsString()
var multiJSON = JSON.parse('[' + multiString + ']')
return txFormat.encodeData(this.funABI, multiJSON)
- })}
+ }, 'Encode values of input fields & copy to clipboard', 'fa-briefcase')}
`
diff --git a/src/universal-dapp-styles.js b/src/universal-dapp-styles.js
index 3ccca94d34..7deda5b3dc 100644
--- a/src/universal-dapp-styles.js
+++ b/src/universal-dapp-styles.js
@@ -241,6 +241,7 @@ var css = csjs`
padding-right: 26px;
padding-top: 5px;
float: right;
+ font-size: 16px;
}
`