From 1a1caa1ca21f3e86985bb18be233c3efcade52d1 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Tue, 13 Nov 2018 18:04:44 -0800
Subject: feat: center title label with circle

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

(limited to 'packages/instant')

diff --git a/packages/instant/src/components/payment_method.tsx b/packages/instant/src/components/payment_method.tsx
index 0897045ce..f9d02ec5b 100644
--- a/packages/instant/src/components/payment_method.tsx
+++ b/packages/instant/src/components/payment_method.tsx
@@ -38,7 +38,7 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> {
                         >
                             {this._renderTitleText()}
                         </Text>
-                        <Flex>{this._renderTitleLabel()}</Flex>
+                        {this._renderTitleLabel()}
                     </Flex>
                 </Container>
                 {this._renderMainContent()}
@@ -62,14 +62,14 @@ export class PaymentMethod extends React.Component<PaymentMethodProps> {
         if (account.state === AccountState.Ready || account.state === AccountState.Locked) {
             const circleColor: ColorOption = account.state === AccountState.Ready ? ColorOption.green : ColorOption.red;
             return (
-                <React.Fragment>
+                <Flex>
                     <Circle diameter={8} color={circleColor} />
                     <Container marginLeft="3px">
                         <Text fontColor={ColorOption.darkGrey} fontSize="12px">
                             {this.props.walletName}
                         </Text>
                     </Container>
-                </React.Fragment>
+                </Flex>
             );
         }
         return null;
-- 
cgit