Merge branch 'master' of https://github.com/abouolia/Ratteb

client/src/containers/Drawers/BillDrawer/BillDrawerDetails.js

@@ -16,7 +16,7 @@ export default function BillDrawerDetails() {
 
   return (
     <div className="view-detail-drawer">
-      <Tabs animate={true} large={true} defaultSelectedTabId="landed_cost">
+      <Tabs animate={true} large={true} defaultSelectedTabId="journal_entries">
         <Tab title={intl.get('details')} id={'details'} disabled={true} />
         <Tab
           title={intl.get('journal_entries')}
@@ -32,3 +32,5 @@ export default function BillDrawerDetails() {
     </div>
   );
 }
+
+// 42 / fon-w 600

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',
       },
     ],
     [],