From 12cde371e9fce660fedf4a0a33b05774d5d99d15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Thu, 21 Jun 2018 17:55:08 +0200
Subject: [PATCH 1/2] pixel push

---
 src/components/IsUnlocked.js                      | 15 +++++++++++++--
 src/components/Onboarding/helperComponents.js     |  4 +++-
 src/components/Onboarding/steps/GenuineCheck.js   |  4 +++-
 src/components/Onboarding/steps/Init.js           |  4 ++--
 src/components/SettingsPage/SettingsSection.js    |  3 ++-
 src/components/SettingsPage/sections/Display.js   |  2 +-
 src/components/TranslatedError.js                 |  8 +++++---
 src/components/base/Input/index.js                |  1 +
 .../modals/Send/04-step-confirmation.js           |  2 +-
 static/i18n/en/app.yml                            |  2 +-
 10 files changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/components/IsUnlocked.js b/src/components/IsUnlocked.js
index c0cb10e3..c1f7e359 100644
--- a/src/components/IsUnlocked.js
+++ b/src/components/IsUnlocked.js
@@ -10,7 +10,7 @@ import { translate } from 'react-i18next'
 
 import type { SettingsState as Settings } from 'reducers/settings'
 import type { T } from 'types/common'
-import IconLockScreen from 'icons/LockScreen'
+import { i } from 'helpers/staticPath'
 import IconTriangleWarning from 'icons/TriangleWarning'
 import get from 'lodash/get'
 
@@ -152,7 +152,18 @@ class IsUnlocked extends Component<Props, State> {
         <Box sticky alignItems="center" justifyContent="center">
           <form onSubmit={this.handleSubmit}>
             <Box align="center">
-              <IconLockScreen size={136} />
+              <div
+                style={{
+                  padding: 14,
+                  backgroundColor: 'white',
+                  borderRadius: 80,
+                  fontSize: 0,
+                  marginBottom: 40,
+                  boxShadow: '0 2px 23px 0 rgba(0, 0, 0, 0.08)',
+                }}
+              >
+                <img alt="" src={i('ledgerlive-logo.svg')} width={50} height={50} />
+              </div>
               <PageTitle>{t('app:common.lockScreen.title')}</PageTitle>
               <LockScreenDesc>
                 {t('app:common.lockScreen.subTitle')}
diff --git a/src/components/Onboarding/helperComponents.js b/src/components/Onboarding/helperComponents.js
index 4f33cb11..fd9cab95 100644
--- a/src/components/Onboarding/helperComponents.js
+++ b/src/components/Onboarding/helperComponents.js
@@ -27,8 +27,10 @@ export const Description = styled(Box).attrs({
   color: 'grey',
 })`
   margin: 10px auto 25px;
-  max-width: 570px;
+  max-width: 600px;
+  font-weight: 500;
 `
+
 export const Inner = styled(Box).attrs({
   horizontal: true,
   grow: true,
diff --git a/src/components/Onboarding/steps/GenuineCheck.js b/src/components/Onboarding/steps/GenuineCheck.js
index 24a2af7c..f1ac5dba 100644
--- a/src/components/Onboarding/steps/GenuineCheck.js
+++ b/src/components/Onboarding/steps/GenuineCheck.js
@@ -355,7 +355,9 @@ export function GenuineCheckFail({
 export const GenuineSuccessText = styled(Box).attrs({
   ff: 'Open Sans|Regular',
   fontSize: 4,
-})``
+})`
+  font-weight: 600;
+`
 
 export const CardTitle = styled(Box).attrs({
   ff: 'Open Sans|SemiBold',
diff --git a/src/components/Onboarding/steps/Init.js b/src/components/Onboarding/steps/Init.js
index 506a0362..ea503497 100644
--- a/src/components/Onboarding/steps/Init.js
+++ b/src/components/Onboarding/steps/Init.js
@@ -7,12 +7,12 @@ import { colors } from 'styles/theme'
 import styled from 'styled-components'
 import { flowType } from 'reducers/onboarding'
 import Box from 'components/base/Box'
-import IconUser from 'icons/User'
 import IconPlus from 'icons/Plus'
 import IconRecover from 'icons/Recover'
 import IconCheck from 'icons/Check'
 import IconExternalLink from 'icons/ExternalLink'
 import IconChevronRight from 'icons/ChevronRight'
+import { i } from 'helpers/staticPath'
 import { Title } from '../helperComponents'
 
 import type { StepProps } from '..'
@@ -66,7 +66,7 @@ class Init extends PureComponent<StepProps, *> {
       <Box sticky justifyContent="center">
         <Box align="center">
           <Box color="wallet">
-            <IconUser size={36} />
+            <img alt="" src={i('ledgerlive-logo.svg')} width={50} height={50} />
           </Box>
           <Box m={5} style={{ maxWidth: 480 }}>
             <Title>{t('onboarding:init.title')}</Title>
diff --git a/src/components/SettingsPage/SettingsSection.js b/src/components/SettingsPage/SettingsSection.js
index f9343fc8..41b01a99 100644
--- a/src/components/SettingsPage/SettingsSection.js
+++ b/src/components/SettingsPage/SettingsSection.js
@@ -84,6 +84,7 @@ const SettingsSectionRowContainer = styled(Box).attrs({
   horizontal: true,
   align: 'center',
   relative: true,
+  justifyContent: 'space-between',
 })`
   cursor: ${p => (p.onClick ? 'pointer' : '')};
 `
@@ -101,7 +102,7 @@ export function SettingsSectionRow({
 }) {
   return (
     <SettingsSectionRowContainer onClick={onClick} tabIndex={-1}>
-      <Box grow shrink>
+      <Box grow shrink style={{ marginRight: '20%' }}>
         <Box ff="Open Sans|SemiBold" color="dark" fontSize={4}>
           {title}
         </Box>
diff --git a/src/components/SettingsPage/sections/Display.js b/src/components/SettingsPage/sections/Display.js
index 0a19b62a..4c17ba93 100644
--- a/src/components/SettingsPage/sections/Display.js
+++ b/src/components/SettingsPage/sections/Display.js
@@ -153,7 +153,7 @@ class TabProfile extends PureComponent<Props, State> {
             title={t('app:settings.display.counterValue')}
             desc={t('app:settings.display.counterValueDesc')}
           >
-            <Box horizontal flow={2}>
+            <Box flow={2}>
               <Select
                 small
                 minWidth={250}
diff --git a/src/components/TranslatedError.js b/src/components/TranslatedError.js
index ff2ec07d..447d4f93 100644
--- a/src/components/TranslatedError.js
+++ b/src/components/TranslatedError.js
@@ -19,9 +19,11 @@ class TranslatedError extends PureComponent<Props> {
     const { t, error } = this.props
     if (!error) return null
     if (typeof error === 'string') return error
-    const translation = t(`errors:${error.name}`, error)
-    if (translation) {
-      return translation
+    if (error.name) {
+      const translation = t(`errors:${error.name}`, error)
+      if (translation) {
+        return translation
+      }
     }
     logger.warn(`TranslatedError: no translation for '${error.name}'`, error)
     return error.message || error.name || t('errors:generic')
diff --git a/src/components/base/Input/index.js b/src/components/base/Input/index.js
index 33e27c41..4f4388fe 100644
--- a/src/components/base/Input/index.js
+++ b/src/components/base/Input/index.js
@@ -28,6 +28,7 @@ const ErrorDisplay = styled(Box)`
   bottom: -20px;
   left: 0px;
   font-size: 12px;
+  white-space: nowrap;
   color: ${p => p.theme.colors.pearl};
 `
 
diff --git a/src/components/modals/Send/04-step-confirmation.js b/src/components/modals/Send/04-step-confirmation.js
index 3801aa4e..38346184 100644
--- a/src/components/modals/Send/04-step-confirmation.js
+++ b/src/components/modals/Send/04-step-confirmation.js
@@ -24,7 +24,7 @@ const Container = styled(Box).attrs({
 const Title = styled(Box).attrs({
   ff: 'Museo Sans',
   fontSize: 5,
-  mt: 4,
+  mt: 2,
 })`
   text-align: center;
 `
diff --git a/static/i18n/en/app.yml b/static/i18n/en/app.yml
index eda74f2e..650f013a 100644
--- a/static/i18n/en/app.yml
+++ b/static/i18n/en/app.yml
@@ -35,7 +35,7 @@ common:
     title: Welcome back
     subTitle: Ledger Live is locked
     description: Enter your password to continue
-    inputPlaceholder:
+    inputPlaceholder: Type your password
     lostPassword: I lost my password
   sync:
     syncing: Synchronizing...

From a91b92328f79397928c7718f45a3467c71d1bd42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABtan=20Renaudeau?= <gaetan.renaudeau@ledger.fr>
Date: Thu, 21 Jun 2018 18:02:30 +0200
Subject: [PATCH 2/2] pixel push

---
 src/components/BalanceSummary/index.js          | 2 +-
 src/components/Onboarding/helperComponents.js   | 3 +--
 src/components/Onboarding/steps/GenuineCheck.js | 6 ++----
 src/components/modals/OperationDetails.js       | 2 +-
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/BalanceSummary/index.js b/src/components/BalanceSummary/index.js
index 4a84fd9e..a517c3ad 100644
--- a/src/components/BalanceSummary/index.js
+++ b/src/components/BalanceSummary/index.js
@@ -56,7 +56,7 @@ const BalanceSummary = ({
               <Chart
                 id={chartId}
                 unit={account ? account.unit : null}
-                color={!isAvailable ? '#eee' : chartColor}
+                color={!isAvailable ? 'rgba(0,0,0,0.04)' : chartColor}
                 data={
                   isAvailable
                     ? balanceHistory
diff --git a/src/components/Onboarding/helperComponents.js b/src/components/Onboarding/helperComponents.js
index fd9cab95..93d6d1a0 100644
--- a/src/components/Onboarding/helperComponents.js
+++ b/src/components/Onboarding/helperComponents.js
@@ -20,7 +20,7 @@ export const Title = styled(Box).attrs({
 export const StepContainerInner = styled(GrowScroll).attrs({ pb: 6, align: 'center' })``
 
 export const Description = styled(Box).attrs({
-  ff: 'Museo Sans|Light',
+  ff: 'Museo Sans|Regular',
   fontSize: 5,
   lineHeight: 1.5,
   textAlign: 'center',
@@ -28,7 +28,6 @@ export const Description = styled(Box).attrs({
 })`
   margin: 10px auto 25px;
   max-width: 600px;
-  font-weight: 500;
 `
 
 export const Inner = styled(Box).attrs({
diff --git a/src/components/Onboarding/steps/GenuineCheck.js b/src/components/Onboarding/steps/GenuineCheck.js
index f1ac5dba..66e22e72 100644
--- a/src/components/Onboarding/steps/GenuineCheck.js
+++ b/src/components/Onboarding/steps/GenuineCheck.js
@@ -353,11 +353,9 @@ export function GenuineCheckFail({
   )
 }
 export const GenuineSuccessText = styled(Box).attrs({
-  ff: 'Open Sans|Regular',
+  ff: 'Open Sans|SemiBold',
   fontSize: 4,
-})`
-  font-weight: 600;
-`
+})``
 
 export const CardTitle = styled(Box).attrs({
   ff: 'Open Sans|SemiBold',
diff --git a/src/components/modals/OperationDetails.js b/src/components/modals/OperationDetails.js
index ff48caa4..4d1d97fe 100644
--- a/src/components/modals/OperationDetails.js
+++ b/src/components/modals/OperationDetails.js
@@ -109,7 +109,7 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
     <ModalBody onClose={onClose}>
       <ModalTitle>{t('app:operationDetails.title')}</ModalTitle>
       <ModalContent style={{ height: 500 }} mx={-5} pb={0}>
-        <GrowScroll px={5} pb={8}>
+        <GrowScroll px={5} pt={1} pb={8}>
           <Box flow={3}>
             <Box alignItems="center" mt={1}>
               <ConfirmationCheck