diff --git a/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.scss b/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.scss index 0ca5e2cb17..b4e59ba4b7 100644 --- a/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.scss +++ b/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.scss @@ -16,6 +16,16 @@ text-transform: uppercase; } +span.link { + font-size: inherit; + line-height: inherit; + opacity: 0.7; + + &:hover { + opacity: 1; + } +} + .info { @extend %regularText; p { diff --git a/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.tsx b/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.tsx index f69879a538..be81baca39 100644 --- a/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.tsx +++ b/source/renderer/app/components/voting/voting-governance/VotingPowerDelegation.tsx @@ -3,6 +3,7 @@ import { observer } from 'mobx-react'; import { injectIntl, FormattedMessage } from 'react-intl'; import { Input } from 'react-polymorph/lib/components/Input'; import { Button } from 'react-polymorph/lib/components/Button'; +import { Link } from 'react-polymorph/lib/components/Link'; import BigNumber from 'bignumber.js'; import { Cardano } from '@cardano-sdk/core'; @@ -182,17 +183,17 @@ function VotingPowerDelegation({ {...messages.paragraph1} values={{ Link: ( - onExternalLinkClick( intl.formatMessage(messages.paragraph1LinkUrl), event ) } - > - {intl.formatMessage(messages.paragraph1LinkText)} - + /> ), }} /> @@ -258,7 +259,11 @@ function VotingPowerDelegation({ : messages.drepInputLabel)} values={{ drepDirectoryLink: ( - onExternalLinkClick( @@ -270,9 +275,7 @@ function VotingPowerDelegation({ event ) } - > - {intl.formatMessage(messages.drepInputLabelLinkText)} - + /> ), }} />