diff --git a/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js b/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js index e99fb769..f2637636 100644 --- a/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js +++ b/new-lamassu-admin/src/pages/Customers/CustomersList.styles.js @@ -110,5 +110,8 @@ export default { }, subpageButton: { marginLeft: 16 + }, + txTableSpacing: { + marginTop: 40 } } diff --git a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js b/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js index bf90193b..57d9bacf 100644 --- a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js +++ b/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js @@ -1,5 +1,6 @@ import { makeStyles, Box } from '@material-ui/core' import BigNumber from 'bignumber.js' +import classnames from 'classnames' import { utils as coinUtils } from 'lamassu-coins' import * as R from 'ramda' import React from 'react' @@ -22,6 +23,10 @@ const TransactionsList = ({ customer, data, loading, locale }) => { const hasData = !(R.isEmpty(data) || R.isNil(data)) const timezone = locale.timezone + const tableSpacingClasses = { + [classes.titleAndButtonsContainer]: loading || (!loading && !hasData), + [classes.txTableSpacing]: !loading && hasData + } const summaryElements = [ { @@ -150,10 +155,14 @@ const TransactionsList = ({ customer, data, loading, locale }) => {