From 0801457ff02ac1ab16693be8bfb049fe3c284253 Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Wed, 23 May 2018 15:28:51 -0700
Subject: Use visibility property instead of placeholder div in wrap ether item

---
 packages/website/ts/components/wallet/wrap_ether_item.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

(limited to 'packages/website/ts/components/wallet/wrap_ether_item.tsx')

diff --git a/packages/website/ts/components/wallet/wrap_ether_item.tsx b/packages/website/ts/components/wallet/wrap_ether_item.tsx
index 34b5b8824..1dfcffadf 100644
--- a/packages/website/ts/components/wallet/wrap_ether_item.tsx
+++ b/packages/website/ts/components/wallet/wrap_ether_item.tsx
@@ -75,9 +75,6 @@ const styles: Styles = {
     conversionSpinner: {
         paddingTop: 26,
     },
-    conversionSpinnerPlaceholder: {
-        width: 61,
-    },
 };
 
 export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEtherItemState> {
@@ -160,12 +157,12 @@ export class WrapEtherItem extends React.Component<WrapEtherItemProps, WrapEther
         });
     }
     private _renderIsEthConversionHappeningSpinner(): React.ReactElement<{}> {
-        return this.state.isEthConversionHappening ? (
-            <div className="pl3 pr2" style={styles.conversionSpinner}>
+        const visibility = this.state.isEthConversionHappening ? 'visible' : 'hidden';
+        const style: React.CSSProperties = { ...styles.conversionSpinner, visibility };
+        return (
+            <div className="pl3 pr2" style={style}>
                 <i className="zmdi zmdi-spinner zmdi-hc-spin" />
             </div>
-        ) : (
-            <div style={styles.conversionSpinnerPlaceholder} />
         );
     }
     private _renderWrapEtherConfirmationButton(): React.ReactElement<{}> {
-- 
cgit v1.2.3

