Skip to content
Permalink
Browse files

fix(ui): remove gaps in pay/request form help text

Left align help text in Pay and Request forms in order to prevent
strange looking gaps in the text at certain screen sizes.

fix #2655
  • Loading branch information...
mrfelton committed Jul 31, 2019
1 parent bac1ac8 commit 7d0a9ad6cf1667d2e3748e1507156431f8fb00a2
Showing with 13 additions and 17 deletions.
  1. +6 −8 renderer/components/Pay/Pay.js
  2. +7 −9 renderer/components/Request/Request.js
@@ -434,14 +434,12 @@ class Pay extends React.Component {
show &&
(styles => (
<animated.div style={styles}>
<Box mb={4}>
<Text textAlign="justify">
<FormattedMessage
{...messages.description}
values={{ chain: chainName, ticker: cryptoUnitName }}
/>
</Text>
</Box>
<Text mb={4}>
<FormattedMessage
{...messages.description}
values={{ chain: chainName, ticker: cryptoUnitName }}
/>
</Text>
</animated.div>
))
}
@@ -1,6 +1,6 @@
import React from 'react'
import PropTypes from 'prop-types'
import { Box, Flex } from 'rebass'
import { Flex } from 'rebass'
import { FormattedMessage, injectIntl, intlShape } from 'react-intl'
import {
Bar,
@@ -125,14 +125,12 @@ class Request extends React.Component {
renderHelpText = () => {
const { chainName, cryptoUnitName } = this.props
return (
<Box mb={4}>
<Text textAlign="justify">
<FormattedMessage
{...messages.description}
values={{ chain: chainName, ticker: cryptoUnitName }}
/>
</Text>
</Box>
<Text mb={4}>
<FormattedMessage
{...messages.description}
values={{ chain: chainName, ticker: cryptoUnitName }}
/>
</Text>
)
}

0 comments on commit 7d0a9ad

Please sign in to comment.
You can’t perform that action at this time.