add and use new constant FOOTER_HEIGHT

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;

src/config/variables.js

@@ -81,3 +81,5 @@ export const LINE_HEIGHT = {
     BASE: '1.8',
     TREZOR_ACTION: '37px',
 };
+
+export const FOOTER_HEIGHT = '59px';

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};
 `;