diff --git a/client/src/containers/Drawers/BillDrawer/BillDrawerDetails.js b/client/src/containers/Drawers/BillDrawer/BillDrawerDetails.js
index 73b55aacc..d1ac37f33 100644
--- a/client/src/containers/Drawers/BillDrawer/BillDrawerDetails.js
+++ b/client/src/containers/Drawers/BillDrawer/BillDrawerDetails.js
@@ -16,7 +16,7 @@ export default function BillDrawerDetails() {
return (
-
+
);
}
+
+// 42 / fon-w 600
\ No newline at end of file
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;
+ }
+ }
+ }
+ }
+}