From 478330c12db31abf3035fbec424cda0155020182 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Fri, 9 Nov 2018 16:06:58 -0800
Subject: fix: minimize height difference between different states

---
 packages/instant/src/components/payment_method.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

(limited to 'packages')

diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx
index 3bbe3f1a0..27f6383a4 100644
--- a/packages/instant/src/components/payment_method.tsx
+++ b/packages/instant/src/components/payment_method.tsx
@@ -76,7 +76,8 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> {
         const { account, network } = this.props;
         switch (account.state) {
             case AccountState.Loading:
-                return <Container height="48px" />;
+                // Just take up the same amount of space as the other states.
+                return <Container height="52px" />;
             case AccountState.Locked:
                 return (
                     <WalletPrompt
@@ -119,7 +120,7 @@ interface WalletPromptProps {
 
 const WalletPrompt: React.StatelessComponent<WalletPromptProps> = ({ onClick, image, children }) => (
     <Container
-        padding="12px"
+        padding="14.5px"
         border={`1px solid ${ColorOption.darkOrange}`}
         backgroundColor={ColorOption.lightOrange}
         width="100%"
-- 
cgit v1.2.3