From 1f140f73fe84a1f1ac819ba5e6178993cc4e80be Mon Sep 17 00:00:00 2001
From: slowbackspace <slowbackspace@gmail.com>
Date: Mon, 25 Mar 2019 13:58:42 +0100
Subject: [PATCH] add and use new constant FOOTER_HEIGHT

---
 src/components/Footer/index.js                      | 4 ++--
 src/config/variables.js                             | 2 ++
 src/views/Wallet/components/LeftNavigation/index.js | 4 ++--
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer/index.js b/src/components/Footer/index.js
index 1282de3b..5ad08447 100644
--- a/src/components/Footer/index.js
+++ b/src/components/Footer/index.js
@@ -8,7 +8,7 @@ import { bindActionCreators } from 'redux';
 import { connect } from 'react-redux';
 import { FormattedMessage } from 'react-intl';
 
-import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
+import { FONT_SIZE, SCREEN_SIZE, FOOTER_HEIGHT } from 'config/variables';
 import * as LogActions from 'actions/LogActions';
 import l10nMessages from './index.messages';
 
@@ -25,7 +25,7 @@ const Wrapper = styled.div`
     color: ${colors.TEXT_SECONDARY};
     padding: 10px 30px;
     display: flex;
-    height: 59px;
+    height: ${FOOTER_HEIGHT};
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
diff --git a/src/config/variables.js b/src/config/variables.js
index 3a681bf4..2bea148b 100644
--- a/src/config/variables.js
+++ b/src/config/variables.js
@@ -81,3 +81,5 @@ export const LINE_HEIGHT = {
     BASE: '1.8',
     TREZOR_ACTION: '37px',
 };
+
+export const FOOTER_HEIGHT = '59px';
diff --git a/src/views/Wallet/components/LeftNavigation/index.js b/src/views/Wallet/components/LeftNavigation/index.js
index 03dc1e23..615cd1a8 100644
--- a/src/views/Wallet/components/LeftNavigation/index.js
+++ b/src/views/Wallet/components/LeftNavigation/index.js
@@ -3,7 +3,7 @@
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { Icon, Tooltip, icons, colors } from 'trezor-ui-components';
-import { FONT_SIZE, SCREEN_SIZE } from 'config/variables';
+import { FONT_SIZE, SCREEN_SIZE, FOOTER_HEIGHT } from 'config/variables';
 import WalletTypeIcon from 'components/images/WalletType';
 import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import styled from 'styled-components';
@@ -75,7 +75,7 @@ const Help = styled.div`
     justify-content: center;
     text-align: center;
     width: 319px;
-    height: 59px;
+    height: ${FOOTER_HEIGHT};
     padding: 8px 0px;
     border-top: 1px solid ${colors.BACKGROUND};
 `;