1 files changed, 60 insertions, 60 deletions
diff --git a/packages/website/ts/components/visual_order.tsx b/packages/website/ts/components/visual_order.tsx
index a9779ac62..092954086 100644
--- a/packages/website/ts/components/visual_order.tsx
+++ b/packages/website/ts/components/visual_order.tsx
@@ -8,69 +8,69 @@ import { utils } from 'ts/utils/utils';
 const PRECISION = 5;
 
 interface VisualOrderProps {
-	orderTakerAddress: string;
-	orderMakerAddress: string;
-	makerAssetToken: AssetToken;
-	takerAssetToken: AssetToken;
-	makerToken: Token;
-	takerToken: Token;
-	networkId: number;
-	tokenByAddress: TokenByAddress;
-	isMakerTokenAddressInRegistry: boolean;
-	isTakerTokenAddressInRegistry: boolean;
+    orderTakerAddress: string;
+    orderMakerAddress: string;
+    makerAssetToken: AssetToken;
+    takerAssetToken: AssetToken;
+    makerToken: Token;
+    takerToken: Token;
+    networkId: number;
+    tokenByAddress: TokenByAddress;
+    isMakerTokenAddressInRegistry: boolean;
+    isTakerTokenAddressInRegistry: boolean;
 }
 
 interface VisualOrderState {}
 
 export class VisualOrder extends React.Component<VisualOrderProps, VisualOrderState> {
-	public render() {
-		const allTokens = _.values(this.props.tokenByAddress);
-		const makerImage = this.props.makerToken.iconUrl;
-		const takerImage = this.props.takerToken.iconUrl;
-		return (
-			<div>
-				<div className="clearfix">
-					<div className="col col-5 center">
-						<Party
-							label="Send"
-							address={this.props.takerToken.address}
-							alternativeImage={takerImage}
-							networkId={this.props.networkId}
-							isInTokenRegistry={this.props.isTakerTokenAddressInRegistry}
-							hasUniqueNameAndSymbol={utils.hasUniqueNameAndSymbol(allTokens, this.props.takerToken)}
-						/>
-					</div>
-					<div className="col col-2 center pt1">
-						<div className="pb1">
-							{this._renderAmount(this.props.takerAssetToken, this.props.takerToken)}
-						</div>
-						<div className="lg-p2 md-p2 sm-p1">
-							<img src="/images/trade_arrows.png" style={{ width: 47 }} />
-						</div>
-						<div className="pt1">
-							{this._renderAmount(this.props.makerAssetToken, this.props.makerToken)}
-						</div>
-					</div>
-					<div className="col col-5 center">
-						<Party
-							label="Receive"
-							address={this.props.makerToken.address}
-							alternativeImage={makerImage}
-							networkId={this.props.networkId}
-							isInTokenRegistry={this.props.isMakerTokenAddressInRegistry}
-							hasUniqueNameAndSymbol={utils.hasUniqueNameAndSymbol(allTokens, this.props.makerToken)}
-						/>
-					</div>
-				</div>
-			</div>
-		);
-	}
-	private _renderAmount(assetToken: AssetToken, token: Token) {
-		const unitAmount = ZeroEx.toUnitAmount(assetToken.amount, token.decimals);
-		return (
-			<div style={{ fontSize: 13 }}>
-				{unitAmount.toNumber().toFixed(PRECISION)} {token.symbol}
-			</div>
-		);
-	}
+    public render() {
+        const allTokens = _.values(this.props.tokenByAddress);
+        const makerImage = this.props.makerToken.iconUrl;
+        const takerImage = this.props.takerToken.iconUrl;
+        return (
+            <div>
+                <div className="clearfix">
+                    <div className="col col-5 center">
+                        <Party
+                            label="Send"
+                            address={this.props.takerToken.address}
+                            alternativeImage={takerImage}
+                            networkId={this.props.networkId}
+                            isInTokenRegistry={this.props.isTakerTokenAddressInRegistry}
+                            hasUniqueNameAndSymbol={utils.hasUniqueNameAndSymbol(allTokens, this.props.takerToken)}
+                        />
+                    </div>
+                    <div className="col col-2 center pt1">
+                        <div className="pb1">
+                            {this._renderAmount(this.props.takerAssetToken, this.props.takerToken)}
+                        </div>
+                        <div className="lg-p2 md-p2 sm-p1">
+                            <img src="/images/trade_arrows.png" style={{ width: 47 }} />
+                        </div>
+                        <div className="pt1">
+                            {this._renderAmount(this.props.makerAssetToken, this.props.makerToken)}
+                        </div>
+                    </div>
+                    <div className="col col-5 center">
+                        <Party
+                            label="Receive"
+                            address={this.props.makerToken.address}
+                            alternativeImage={makerImage}
+                            networkId={this.props.networkId}
+                            isInTokenRegistry={this.props.isMakerTokenAddressInRegistry}
+                            hasUniqueNameAndSymbol={utils.hasUniqueNameAndSymbol(allTokens, this.props.makerToken)}
+                        />
+                    </div>
+                </div>
+            </div>
+        );
+    }
+    private _renderAmount(assetToken: AssetToken, token: Token) {
+        const unitAmount = ZeroEx.toUnitAmount(assetToken.amount, token.decimals);
+        return (
+            <div style={{ fontSize: 13 }}>
+                {unitAmount.toNumber().toFixed(PRECISION)} {token.symbol}
+            </div>
+        );
+    }
 }