aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/generate_order
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-06-27 02:17:00 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-06-27 02:17:00 +0800
commit744e6e60c51b2bfd081920b58a73e566113fee0e (patch)
tree0171de85f7c80aa60e700300e2ea5542b2b00e59 /packages/website/ts/components/generate_order
parent3a808fe7fde04585b8a9c728c6266ab5f0f20c33 (diff)
downloaddexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.gz
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.bz2
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.lz
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.xz
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.tar.zst
dexon-0x-contracts-744e6e60c51b2bfd081920b58a73e566113fee0e.zip
Polish asset picker layout
Diffstat (limited to 'packages/website/ts/components/generate_order')
-rw-r--r--packages/website/ts/components/generate_order/asset_picker.tsx8
1 files changed, 4 insertions, 4 deletions
diff --git a/packages/website/ts/components/generate_order/asset_picker.tsx b/packages/website/ts/components/generate_order/asset_picker.tsx
index b0dcf5678..0f569e1ad 100644
--- a/packages/website/ts/components/generate_order/asset_picker.tsx
+++ b/packages/website/ts/components/generate_order/asset_picker.tsx
@@ -117,7 +117,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
private _renderAssetPicker(): React.ReactNode {
return (
<div
- className="clearfix flex flex-wrap"
+ className="flex flex-wrap"
style={{
overflowY: 'auto',
maxWidth: 720,
@@ -154,7 +154,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
height: TILE_DIMENSION,
...tileStyles,
}}
- className="p2 flex flex-column items-center"
+ className="p2 flex sm-col-6 md-col-3 lg-col-3 flex-column items-center mx-auto"
onClick={this._onChooseToken.bind(this, address)}
onMouseEnter={this._onToggleHover.bind(this, address, true)}
onMouseLeave={this._onToggleHover.bind(this, address, false)}
@@ -162,7 +162,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
<div className="p1">
<TokenIcon token={token} diameter={TOKEN_ICON_DIMENSION} />
</div>
- <div className="center">{token.name}</div>
+ <div className="center">{token.symbol}</div>
</div>
);
});
@@ -181,7 +181,7 @@ export class AssetPicker extends React.Component<AssetPickerProps, AssetPickerSt
height: TILE_DIMENSION,
...tileStyles,
}}
- className="p2 mx-auto"
+ className="p2 flex sm-col-6 md-col-3 lg-col-3 flex-column items-center mx-auto"
onClick={this._onCustomAssetChosen.bind(this)}
onMouseEnter={this._onToggleHover.bind(this, otherTokenKey, true)}
onMouseLeave={this._onToggleHover.bind(this, otherTokenKey, false)}