From 8158158d14bc5f7e8e4ee2db64d4e99da9935da4 Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Tue, 16 Apr 2019 19:50:21 +0200
Subject: [PATCH] separate external wallets

---
 .../WalletSettings/components/Coins/index.js   | 18 ++++++++++++++----
 .../views/WalletSettings/index.messages.js     |  4 ++++
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/Wallet/views/WalletSettings/components/Coins/index.js b/src/views/Wallet/views/WalletSettings/components/Coins/index.js
index 6bae2b0a..517d052e 100644
--- a/src/views/Wallet/views/WalletSettings/components/Coins/index.js
+++ b/src/views/Wallet/views/WalletSettings/components/Coins/index.js
@@ -15,6 +15,7 @@ const Wrapper = styled.div`
 
 const Label = styled.div`
     display: flex;
+    padding: 10px 0;
     color: ${colors.TEXT_SECONDARY};
     align-items: center;
 `;
@@ -26,7 +27,7 @@ const Row = styled.div`
 
 const Content = styled.div`
     display: flex;
-    margin-top: 20px;
+    margin: 20px 0;
     flex-direction: column;
 `;
 
@@ -41,6 +42,10 @@ const CoinRow = styled.div`
     &:first-child {
         border-top: 1px solid ${colors.DIVIDER};
     }
+
+    &:last-child {
+        border-bottom: 0;
+    }
 `;
 
 const Left = styled.div`
@@ -66,10 +71,10 @@ const LogoWrapper = styled.div`
 const CoinsSettings = (props: Props) => (
     <Wrapper>
         <Row>
-            <Label>
-                <FormattedMessage {...l10nMessages.TR_VISIBLE_COINS} />
-            </Label>
             <Content>
+                <Label>
+                    <FormattedMessage {...l10nMessages.TR_VISIBLE_COINS} />
+                </Label>
                 {props.networks
                     .filter(network => !network.isHidden)
                     .map(network => (
@@ -90,6 +95,11 @@ const CoinsSettings = (props: Props) => (
                             </Right>
                         </CoinRow>
                     ))}
+            </Content>
+            <Content>
+                <Label>
+                    <FormattedMessage {...l10nMessages.TR_VISIBLE_COINS_EXTERNAL} />
+                </Label>
                 {coins
                     .sort((a, b) => a.order - b.order)
                     .map(network => (
diff --git a/src/views/Wallet/views/WalletSettings/index.messages.js b/src/views/Wallet/views/WalletSettings/index.messages.js
index abf718ee..36a6684d 100644
--- a/src/views/Wallet/views/WalletSettings/index.messages.js
+++ b/src/views/Wallet/views/WalletSettings/index.messages.js
@@ -20,6 +20,10 @@ const definedMessages: Messages = defineMessages({
         id: 'TR_VISIBLE_COINS',
         defaultMessage: 'Visible coins',
     },
+    TR_VISIBLE_COINS_EXTERNAL: {
+        id: 'TR_VISIBLE_COINS',
+        defaultMessage: 'Visible external coins',
+    },
     TR_VISIBLE_COINS_EXPLAINED: {
         id: 'TR_VISIBLE_COINS_EXPLAINED',
         defaultMessage: 'The changes are saved automatically as they are made',