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] 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) : '')};
   }
 `