diff --git a/client/src/containers/JournalEntriesTable/JournalEntriesTable.js b/client/src/containers/JournalEntriesTable/JournalEntriesTable.js index e912ac1db..16379f8f1 100644 --- a/client/src/containers/JournalEntriesTable/JournalEntriesTable.js +++ b/client/src/containers/JournalEntriesTable/JournalEntriesTable.js @@ -3,6 +3,8 @@ import { DataTable, Card } from 'components'; import intl from 'react-intl-universal'; import moment from 'moment'; +import 'style/pages/JournalEntries/List.scss'; + /** * Journal entries table. */ @@ -15,11 +17,13 @@ export default function JournalEntriesTable({ transactions }) { accessor: ({ formatted_date }) => moment(formatted_date).format('YYYY MMM DD'), width: 140, + className: 'date', }, { Header: intl.get('account_name'), accessor: 'account_name', width: 140, + className: 'account_name', }, { Header: intl.get('contact'), @@ -30,11 +34,13 @@ export default function JournalEntriesTable({ transactions }) { Header: intl.get('credit'), accessor: ({ credit }) => credit.formatted_amount, width: 100, + className: 'credit', }, { Header: intl.get('debit'), accessor: ({ debit }) => debit.formatted_amount, width: 100, + className: 'debit', }, ], [], diff --git a/client/src/style/pages/JournalEntries/List.scss b/client/src/style/pages/JournalEntries/List.scss new file mode 100644 index 000000000..eb032d1c7 --- /dev/null +++ b/client/src/style/pages/JournalEntries/List.scss @@ -0,0 +1,14 @@ +.datatable--journal-entries { + .table { + .tbody { + .tr .td { + min-height: 42px; + + &.credit, + &.debit { + font-weight: 600; + } + } + } + } +}