From b63b0227cb74e816a8c1fd8c954cf471cb24aa6f Mon Sep 17 00:00:00 2001
From: NejcZdovc <nejc.zdovc@3zsistemi.si>
Date: Wed, 9 Jan 2019 09:04:14 +0100
Subject: [PATCH] Fixes learn more spacing

---
 src/features/rewards/walletPanel/index.tsx   | 3 +--
 src/features/rewards/walletPanel/style.ts    | 4 ++--
 src/features/rewards/walletSummary/index.tsx | 3 +--
 src/features/rewards/walletSummary/style.ts  | 4 ++--
 4 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/features/rewards/walletPanel/index.tsx b/src/features/rewards/walletPanel/index.tsx
index 798d90c17..4c06a897b 100644
--- a/src/features/rewards/walletPanel/index.tsx
+++ b/src/features/rewards/walletPanel/index.tsx
@@ -174,8 +174,7 @@ export default class WalletPanel extends React.PureComponent<Props, {}> {
           {
             !isVerified && showUnVerified
             ? <StyledNoticeWrapper>
-              {getLocale('unVerifiedText')}
-              <StyledNoticeLink href={moreLink} target={'_blank'}> {getLocale('unVerifiedTextMore')}</StyledNoticeLink>
+              {getLocale('unVerifiedText')} <StyledNoticeLink href={moreLink} target={'_blank'}> {getLocale('unVerifiedTextMore')}</StyledNoticeLink>
             </StyledNoticeWrapper>
             : null
           }
diff --git a/src/features/rewards/walletPanel/style.ts b/src/features/rewards/walletPanel/style.ts
index fd57312a3..5858712b7 100644
--- a/src/features/rewards/walletPanel/style.ts
+++ b/src/features/rewards/walletPanel/style.ts
@@ -3,6 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import styled from 'styled-components'
+import palette from '../../../theme/palette'
 
 interface StyleProps {
   size?: string
@@ -94,9 +95,8 @@ export const StyledNoticeWrapper = styled<StyleProps, 'div'>('div')`
 `
 
 export const StyledNoticeLink = styled<StyleProps, 'a'>('a')`
-  color: #0089FF;
+  color: ${palette.blue400};
   font-weight: bold;
   text-decoration: none;
   display: inline-block;
-  margin-left: 4px;
 `
diff --git a/src/features/rewards/walletSummary/index.tsx b/src/features/rewards/walletSummary/index.tsx
index e948f2556..f89e96232 100644
--- a/src/features/rewards/walletSummary/index.tsx
+++ b/src/features/rewards/walletSummary/index.tsx
@@ -142,8 +142,7 @@ export default class WalletSummary extends React.PureComponent<Props, {}> {
             {
               reservedAmount && reservedAmount > 0
               ? <StyledReservedWrapper>
-                {getLocale('reservedAmountText', { reservedAmount })}
-                <StyledReservedLink href={reservedMoreLink} target={'_blank'}>
+                {getLocale('reservedAmountText', { reservedAmount })} <StyledReservedLink href={reservedMoreLink} target={'_blank'}>
                   {getLocale('reservedMoreLink')}
                 </StyledReservedLink>
               </StyledReservedWrapper>
diff --git a/src/features/rewards/walletSummary/style.ts b/src/features/rewards/walletSummary/style.ts
index edd998d0d..f31da371e 100644
--- a/src/features/rewards/walletSummary/style.ts
+++ b/src/features/rewards/walletSummary/style.ts
@@ -3,6 +3,7 @@
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 import styled from 'styled-components'
+import palette from '../../../theme/palette'
 
 interface StyleProps {
   compact?: boolean
@@ -88,9 +89,8 @@ export const StyledReservedWrapper = styled<{}, 'div'>('div')`
 `
 
 export const StyledReservedLink = styled<StyleProps, 'a'>('a')`
-  color: #0089FF;
+  color: ${palette.blue400};
   font-weight: bold;
   text-decoration: none;
   display: inline-block;
-  margin-left: 4px;
 `