From 682a1ff8cff81cf9945674dc6f6b42920240721b Mon Sep 17 00:00:00 2001
From: Vladimir Volek <vladimir.volek@satoshilabs.com>
Date: Mon, 12 Nov 2018 15:51:42 +0100
Subject: [PATCH] Add link for coingecko api

---
 src/components/Footer/index.js | 24 ++++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index 8236eecd..2184d08b 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -25,24 +25,40 @@ const Wrapper = styled.div`
     color: ${colors.TEXT_SECONDARY};
     padding: 22px 48px;
     display: flex;
+    justify-content: space-between;
     border-top: 1px solid ${colors.BACKGROUND};
 `;
 
 const StyledLink = styled(Link)`
     margin: 0 6px;
     margin-right: 20px;
+    white-space: nowrap;
 `;
 
 const Copy = styled.div`
+    white-space: nowrap;
     margin-right: 20px;
 `;
 
+const Left = styled.div`
+    display: flex;
+`;
+
+const Right = styled.div`
+    white-space: nowrap;
+`;
+
 const Footer = ({ opened, toggle }: Props) => (
     <Wrapper>
-        <Copy title={COMMITHASH}>&copy; {getYear(new Date())}</Copy>
-        <StyledLink href="http://satoshilabs.com" isGreen>SatoshiLabs</StyledLink>
-        <StyledLink href="/assets/tos.pdf" isGreen>Terms</StyledLink>
-        <StyledLink onClick={toggle} isGreen>{ opened ? 'Hide Log' : 'Show Log' }</StyledLink>
+        <Left>
+            <Copy title={COMMITHASH}>&copy; {getYear(new Date())}</Copy>
+            <StyledLink href="http://satoshilabs.com" isGreen>SatoshiLabs</StyledLink>
+            <StyledLink href="/assets/tos.pdf" isGreen>Terms</StyledLink>
+            <StyledLink onClick={toggle} isGreen>{ opened ? 'Hide Log' : 'Show Log' }</StyledLink>
+        </Left>
+        <Right>
+            Exchange rates by<StyledLink href="https://www.coingecko.com" isGreen>Coingecko</StyledLink>
+        </Right>
     </Wrapper>
 );