- feat: Update react-query package to V 2.1.1.

- feat: Favicon setup.
- feat: Fix accounts inactivate/activate 1 account.
- feat: Seed accounts, expenses and manual journals resource fields.
- feat: Validate make journal receivable/payable without contact.
- feat: Validate make journal contact without receivable or payable.
- feat: More components abstractions.
- feat: Use reselect.js to memorize components properties.
- fix: Journal type of manual journal.
- fix: Sidebar style optimization.
- fix: Data-table check-box style optimization.
- fix: Data-table spinner style dimensions.
- fix: Submit journal with contact_id and contact_type.

client/src/style/pages/dashboard.scss

@@ -3,10 +3,19 @@
 .dashboard{
   display: flex;
   height: 100vh;
+
+  &:before{
+    content: "";
+    height: 2px; 
+    background: #01194e;
+    position: fixed;
+    top: 0;
+    width: 100%;
+  }
  
   &__topbar{
     width: 100%;
-    min-height: 65px;
+    min-height: 66px;
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #F2EFEF;
@@ -56,6 +65,10 @@
           margin-right: 5px;
         }
       }
+
+      .bp3-navbar-divider{
+        margin: 0 8px;
+      }
     }
 
     &-user{
@@ -198,7 +211,7 @@
     h1{
       font-size: 26px;
       font-weight: 300;
-      color: #393939;
+      color: #333;
       margin: 0;
     }
     h3{

client/src/style/pages/expense-form.scss

@@ -66,7 +66,9 @@
         border-left: 1px dotted rgb(195, 195, 195);
 
         &.index {
-          span {
+          > span,
+          > div {
+            text-align: center;
             width: 100%;
             font-weight: 500;
           }
@@ -107,7 +109,6 @@
             padding-left: 8px;
             padding-right: 8px;
           }
-
           .form-group--select-list {
             &.bp3-intent-danger {
               .bp3-button:not(.bp3-minimal) {

client/src/style/pages/make-journal-entries.scss

@@ -34,6 +34,7 @@
         border-left: 1px dotted rgb(195, 195, 195); 
 
         &.index{
+          text-align: center;
 
           span{
             width: 100%;
@@ -49,6 +50,10 @@
           font-size: 14px;
           font-weight: 500;
           color: #1e1c3e;
+
+          &.index > div{
+            width: 100%;
+          }
         }
       }
 
@@ -60,7 +65,6 @@
 
           &.index{
             background-color: #F2F5FA;
-            text-align: center;
 
             > span{
               margin-top: auto;
@@ -114,7 +118,7 @@
             .debit.td,
             .credit.td{
               > span{
-                padding-top: 6px;
+                padding-top: 2px;
               }
             }
             .debit.td,
@@ -158,7 +162,7 @@
   }
 
   .dropzone-container{
-    align-self: end;
+    margin-left: auto;
   }
 
   .dropzone{