From 9dfbcf61463bbb7fa5e373efc6efaee7ef1b5610 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Fri, 2 Mar 2018 11:13:07 +0100
Subject: [PATCH 1/3] Update button style & visual fix account page

---
 src/components/AccountPage/AccountHeader.js | 2 +-
 src/components/base/Button/index.js         | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/AccountPage/AccountHeader.js b/src/components/AccountPage/AccountHeader.js
index 9f01e89a..6a2bc63a 100644
--- a/src/components/AccountPage/AccountHeader.js
+++ b/src/components/AccountPage/AccountHeader.js
@@ -34,7 +34,7 @@ class AccountHeader extends PureComponent<Props> {
         )}
         <Box>
           <CurName>{account.currency.name}</CurName>
-          <Text ff="Museo Sans|Regular" fontSize={7}>
+          <Text ff="Museo Sans|Regular" fontSize={7} color="dark">
             {account.name}
           </Text>
         </Box>
diff --git a/src/components/base/Button/index.js b/src/components/base/Button/index.js
index 4b6da3dc..0364b6f6 100644
--- a/src/components/base/Button/index.js
+++ b/src/components/base/Button/index.js
@@ -34,6 +34,11 @@ const Base = styled.button.attrs({
   }
 
   &:active {
+    border: ${p =>
+      p.primary
+        ? 'none'
+        : `2px solid ${p.disabled ? 'transparent' : darken(p.theme.colors.grey, 0.2)}`};
+    color: ${p => (p.primary ? '' : darken(p.theme.colors.grey, 0.2))};
     background: ${p => (p.primary ? darken(p.theme.colors.wallet, 0.1) : '')};
   }
 `

From 2e552088a4238188e06f2c9e7deb2d37a3e753bc Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Fri, 2 Mar 2018 14:53:12 +0100
Subject: [PATCH 2/3] Prevent accounts order from being reset when changing
 language

Fixes #181
---
 src/components/SettingsPage/Display.js | 1 -
 src/types/common.js                    | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/components/SettingsPage/Display.js b/src/components/SettingsPage/Display.js
index 4d0598b4..db3f7dc6 100644
--- a/src/components/SettingsPage/Display.js
+++ b/src/components/SettingsPage/Display.js
@@ -25,7 +25,6 @@ class TabProfile extends PureComponent<Props, State> {
   state = {
     inputValue: {
       language: this.props.settings.language,
-      orderAccounts: '',
     },
   }
 
diff --git a/src/types/common.js b/src/types/common.js
index 20d517a3..ce2bf9e0 100644
--- a/src/types/common.js
+++ b/src/types/common.js
@@ -59,7 +59,6 @@ export type SettingsProfile = {
 }
 export type SettingsDisplay = {
   language: string,
-  orderAccounts: string,
 }
 export type Settings = SettingsProfile & SettingsDisplay
 

From 3c00db02699083a0d72db00ae6eecef75ea3b489 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Fri, 2 Mar 2018 15:15:34 +0100
Subject: [PATCH 3/3] Update account page icons

---
 src/components/AccountPage/index.js | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/AccountPage/index.js b/src/components/AccountPage/index.js
index 7ebef896..ce447ce0 100644
--- a/src/components/AccountPage/index.js
+++ b/src/components/AccountPage/index.js
@@ -18,10 +18,11 @@ import { openModal } from 'reducers/modals'
 
 import Box, { Card } from 'components/base/Box'
 import Button from 'components/base/Button'
-import Icon from 'components/base/Icon'
 import IconControls from 'icons/Controls'
 import Text from 'components/base/Text'
 import TransactionsList from 'components/TransactionsList'
+import IconArrowUp from 'icons/ArrowUp'
+import IconArrowDown from 'icons/ArrowDown'
 import AccountHeader from './AccountHeader'
 
 type Props = {
@@ -54,17 +55,13 @@ class AccountPage extends PureComponent<Props> {
           <Box horizontal alignItems="center" justifyContent="flex-end" grow flow={2}>
             <Button primary onClick={() => openModal(MODAL_SEND, { account })}>
               <Box horizontal flow={2} alignItems="center">
-                <Box>
-                  <Icon name="upload" />
-                </Box>
+                <IconArrowUp height={16} width={16} />
                 <Box>{t('send:title')}</Box>
               </Box>
             </Button>
             <Button primary onClick={() => openModal(MODAL_RECEIVE, { account })}>
               <Box horizontal flow={2} alignItems="center">
-                <Box>
-                  <Icon name="download" />
-                </Box>
+                <IconArrowDown height={16} width={16} />
                 <Box>{t('receive:title')}</Box>
               </Box>
             </Button>