From 01462894d00b5acbb234cf927b54dccc5b9d0a06 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Mon, 26 Feb 2018 17:21:16 +0100
Subject: [PATCH] Select design updates (no more blinks)

---
 src/components/SelectAccount/index.js | 5 +++--
 src/components/base/Select/index.js   | 3 ++-
 src/components/modals/Send.js         | 4 ++--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/SelectAccount/index.js b/src/components/SelectAccount/index.js
index 2b83cdf0..67f151c6 100644
--- a/src/components/SelectAccount/index.js
+++ b/src/components/SelectAccount/index.js
@@ -24,12 +24,12 @@ const mapStateToProps: MapStateToProps<*, *, *> = state => ({
 const renderItem = item => (
   <Box horizontal alignItems="center">
     <Box grow>
-      <Text color="dark" fontSize={0} fontWeight="bold">
+      <Text color="dark" fontSize={4} fontWeight="bold">
         {item.name}
       </Text>
     </Box>
     <Box>
-      <Text color="mouse" fontSize={0}>
+      <Text color="mouse" fontSize={4}>
         {formatBTC(item.balance)}
       </Text>
     </Box>
@@ -51,6 +51,7 @@ export const SelectAccount = ({ accounts, onChange, value, t }: Props) => (
     keyProp="id"
     items={accounts}
     placeholder={t('SelectAccount.placeholder')}
+    fontSize={4}
     onChange={onChange}
   />
 )
diff --git a/src/components/base/Select/index.js b/src/components/base/Select/index.js
index b7f5e592..2a48b4ed 100644
--- a/src/components/base/Select/index.js
+++ b/src/components/base/Select/index.js
@@ -37,8 +37,9 @@ const Container = styled(Box).attrs({ relative: true, color: 'graphite' })``
 const TriggerBtn = styled(Box).attrs({
   ff: 'Open Sans|SemiBold',
   p: 4,
+  pr: 5,
 })`
-  min-height: 58px;
+  min-height: 64px;
   ${space};
   border: 1px solid ${p => p.theme.colors.mouse};
   border-radius: 3px;
diff --git a/src/components/modals/Send.js b/src/components/modals/Send.js
index dd1fca7a..a0867492 100644
--- a/src/components/modals/Send.js
+++ b/src/components/modals/Send.js
@@ -29,9 +29,9 @@ const Steps = {
         }
       }}
     >
-      <Box flow={3}>
+      <Box flow={5}>
         <Text fontSize={6}>{t('send.title')}</Text>
-        <Box flow={1}>
+        <Box flow={2}>
           <Label>Account to debit</Label>
           <SelectAccount onChange={props.onChangeInput('account')} value={props.value.account} />
         </Box>