From fc53f28b746eabad317037803d39d640b1fdfe97 Mon Sep 17 00:00:00 2001
From: meriadec <meriadec.pillet@gmail.com>
Date: Tue, 3 Jul 2018 18:29:30 +0200
Subject: [PATCH] Polishe the Exchanges page

---
 src/components/ExchangePage/index.js              | 6 +++---
 src/components/ManagerPage/AppsList.js            | 4 ++--
 src/components/ManagerPage/Dashboard.js           | 2 +-
 src/components/ManagerPage/ManagerGenuineCheck.js | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/ExchangePage/index.js b/src/components/ExchangePage/index.js
index fb92fbb0..f3b770fc 100644
--- a/src/components/ExchangePage/index.js
+++ b/src/components/ExchangePage/index.js
@@ -44,13 +44,13 @@ class ExchangePage extends PureComponent<Props> {
     return (
       <Box pb={6}>
         <TrackPage category="Exchange" />
-        <Box ff="Museo Sans|Regular" color="dark" fontSize={7} mb={3}>
+        <Box ff="Museo Sans|Regular" fontSize={7} color="dark">
           {t('app:exchange.title')}
         </Box>
-        <Box ff="Museo Sans|Light" color="grey" fontSize={5} mb={5}>
+        <Box ff="Museo Sans|Light" fontSize={5} mb={5}>
           {t('app:exchange.desc')}
         </Box>
-        <Box flow={5}>{cards.map(card => <ExchangeCard key={card.key} t={t} card={card} />)}</Box>
+        <Box flow={3}>{cards.map(card => <ExchangeCard key={card.key} t={t} card={card} />)}</Box>
       </Box>
     )
   }
diff --git a/src/components/ManagerPage/AppsList.js b/src/components/ManagerPage/AppsList.js
index 8b8efd9f..22390ec3 100644
--- a/src/components/ManagerPage/AppsList.js
+++ b/src/components/ManagerPage/AppsList.js
@@ -205,7 +205,7 @@ class AppsList extends PureComponent<Props, State> {
                     <ExclamationCircleThin size={44} />
                   </Box>
                   <Box
-                    color="black"
+                    color="dark"
                     mt={4}
                     fontSize={6}
                     ff="Museo Sans|Regular"
@@ -238,7 +238,7 @@ class AppsList extends PureComponent<Props, State> {
                     <CheckCircle size={44} />
                   </Box>
                   <Box
-                    color="black"
+                    color="dark"
                     mt={4}
                     fontSize={6}
                     ff="Museo Sans|Regular"
diff --git a/src/components/ManagerPage/Dashboard.js b/src/components/ManagerPage/Dashboard.js
index e732782d..a6f3e696 100644
--- a/src/components/ManagerPage/Dashboard.js
+++ b/src/components/ManagerPage/Dashboard.js
@@ -22,7 +22,7 @@ const Dashboard = ({ device, deviceInfo, t }: Props) => (
   <Box flow={4} pb={8}>
     <TrackPage category="Manager" name="Dashboard" />
     <Box>
-      <Text ff="Museo Sans|Regular" fontSize={7} color="black">
+      <Text ff="Museo Sans|Regular" fontSize={7} color="dark">
         {t('app:manager.title')}
       </Text>
       <Text ff="Museo Sans|Light" fontSize={5}>
diff --git a/src/components/ManagerPage/ManagerGenuineCheck.js b/src/components/ManagerPage/ManagerGenuineCheck.js
index 8b7effc3..a5255073 100644
--- a/src/components/ManagerPage/ManagerGenuineCheck.js
+++ b/src/components/ManagerPage/ManagerGenuineCheck.js
@@ -31,7 +31,7 @@ class ManagerGenuineCheck extends PureComponent<Props> {
             alt="connect your device"
             style={{ marginBottom: 30, maxWidth: 362, width: '100%' }}
           />
-          <Text ff="Museo Sans|Regular" fontSize={7} color="black" style={{ marginBottom: 10 }}>
+          <Text ff="Museo Sans|Regular" fontSize={7} color="dark" style={{ marginBottom: 10 }}>
             {t('app:manager.device.title')}
           </Text>
           <Text ff="Museo Sans|Light" fontSize={5} color="grey" align="center">