aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/instant_heading.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-28 02:10:22 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-28 02:10:22 +0800
commit23274f9b487ef30f971a06445830aef5dced4cf6 (patch)
treec98ae62402344a4fca2dae6b8389e0fedbbf8151 /packages/instant/src/components/instant_heading.tsx
parent9c27feeff61ab38771709b3f4ccd1fb1ff29e1d2 (diff)
parentfdc4a4e5fa31d8797abf6313f4488147853ed77e (diff)
downloaddexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar.gz
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar.bz2
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar.lz
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar.xz
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.tar.zst
dexon-sol-tools-23274f9b487ef30f971a06445830aef5dced4cf6.zip
Merge branch 'development' into feature/instant/token-picker-events
Diffstat (limited to 'packages/instant/src/components/instant_heading.tsx')
-rw-r--r--packages/instant/src/components/instant_heading.tsx4
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/instant/src/components/instant_heading.tsx b/packages/instant/src/components/instant_heading.tsx
index 002695269..ace577824 100644
--- a/packages/instant/src/components/instant_heading.tsx
+++ b/packages/instant/src/components/instant_heading.tsx
@@ -107,7 +107,7 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> {
private readonly _renderEthAmount = (): React.ReactNode => {
return (
- <Text fontSize="16px" fontColor={ColorOption.white} fontWeight={500}>
+ <Text fontSize="16px" textAlign="right" width="100%" fontColor={ColorOption.white} fontWeight={500}>
{format.ethBaseUnitAmount(
this.props.totalEthBaseUnitAmount,
4,
@@ -119,7 +119,7 @@ export class InstantHeading extends React.Component<InstantHeadingProps, {}> {
private readonly _renderDollarAmount = (): React.ReactNode => {
return (
- <Text fontSize="16px" fontColor={ColorOption.white}>
+ <Text fontSize="16px" textAlign="right" width="100%" fontColor={ColorOption.white}>
{format.ethBaseUnitAmountInUsd(
this.props.totalEthBaseUnitAmount,
this.props.ethUsdPrice,