feat: fix accounts issue.

client/src/style/components/data-table.scss

@@ -22,7 +22,7 @@
       overflow-x: hidden;
 
       .th{
-        padding: 0.8rem 0.5rem;
+        padding: 0.75rem 0.5rem;
         background: #F8FAFA;
         font-size: 14px;
         color: #444;
@@ -41,12 +41,12 @@
         &--desc{
           border-left: 4px solid transparent;
           border-right: 4px solid transparent;
-          border-bottom: 6px solid #888;
+          border-bottom: 6px solid #666;
         }
         &--asc{
           border-left: 4px solid transparent;
           border-right: 4px solid transparent;
-          border-top: 6px solid #888;
+          border-top: 6px solid #666;
         }
       }
     }
@@ -115,6 +115,7 @@
       .tr .td{
         border-bottom: 1px solid #E8E8E8;
         align-items: center;
+        color: #252833;
 
         .placeholder{
           color: #999;

client/src/style/objects/typography.scss

@@ -1,7 +1,7 @@
 
 
 body{
-  color: #333;
+  color: #1f3255;
 }
 
 .#{$ns}-heading{

client/src/style/pages/accounts-chart.scss

@@ -4,7 +4,7 @@
   .bigcapital-datatable{
     .normal{
       .#{$ns}-icon{
-        color: #aaa;
+        color: #838d9b;
         padding-left: 15px;
       }
     }
@@ -22,9 +22,6 @@
             border-bottom-color: #c6c6c6;
           }
         }
-        .code{
-          color: #333;
-        }
         .normal{
           .bp3-popover-wrapper{
             width: 100%;

client/src/style/pages/dashboard.scss

@@ -21,10 +21,10 @@
     &-sidebar-toggle{
       display: flex;
       align-items: center;
-      margin-left: 4px;
+      margin-left: 2px;
 
       .#{$ns}-button{
-        color: #8E8E8E;
+        color: #6B8193;
 
         &,
         &:hover,
@@ -116,7 +116,7 @@
 
       &,
       &-group{
-        height: 44px;
+        height: 42px;
       }
 
       .#{$ns}-navbar-divider{
@@ -124,17 +124,17 @@
         margin-right: 0;
       }
       .#{$ns}-button{
-        color: #5C5C5C;
+        color: #4d4d4d;
         padding: 8px 12px;
 
         &:hover{
           background: rgba(167, 182, 194, 0.12);
-          color: #5C5C5C;
+          color: #4d4d4d;
         }
         &.bp3-minimal:active,
         &.bp3-minimal.bp3-active{
           background: rgba(167, 182, 194, 0.12);
-          color: #5C5C5C;
+          color: #4d4d4d;
         }
 
         &.has-active-filters{
@@ -145,7 +145,7 @@
           }
         }
         .#{$ns}-icon{
-          color: #666;
+          color: #4d4d4d;
           margin-right: 7px;
         }
         &.#{$ns}-minimal.#{$ns}-intent-danger{
@@ -193,12 +193,12 @@
   &__title{
     align-items: center;;
     display: flex;
-    margin-left: 6px;
+    margin-left: 4px;
 
     h1{
       font-size: 26px;
       font-weight: 300;
-      color: #4d4c4c;
+      color: #393939;
       margin: 0;
     }
     h3{
@@ -262,7 +262,7 @@
         .tbody{
           .th.selection,
           .td.selection{
-            padding-left: 18px;
+            padding-left: 14px;
           }
         }
       }
@@ -294,16 +294,17 @@
 .tabs--dashboard-views{
 
   .#{$ns}-tab{
-    color: #5C5C5C;
+    color: #666;
     font-size: 14px;
     line-height: 50px;
     font-weight: 400;
     padding: 0;
     margin-right: 0;
+    padding-left: 14px;
+    padding-right: 14px;
 
-    > a{
-      padding-left: 14px;
-      padding-right: 14px;
+    &[aria-selected='true'] {
+      color: #0052cc;
     }
   }
 

client/src/style/views/Sidebar.scss

@@ -60,7 +60,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
     .#{$ns}-menu-item {
       color: $sidebar-menu-item-color;
       border-radius: 0;
-      padding: 9px 16px;
+      padding: 8px 16px;
       font-size: 15px;
       font-weight: 400;
 
@@ -86,10 +86,10 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
       }
       &-label{
         display: block;
-        color: rgba(255, 255, 255, 0.45);
+        color: rgba(255, 255, 255, 0.5);
         font-size: 12px;
-        padding: 4px 16px;
-        margin-top: 6px;
+        padding: 6px 16px;
+        margin-top: 4px;
       }
     }
 
@@ -127,7 +127,7 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
       color: $sidebar-menu-item-color;
     }
     .#{$ns}-menu-divider {
-      border-top-color: rgba(255, 255, 255, 0.1);
+      border-top-color: rgba(255, 255, 255, 0.15);
       color: #6b708c;
       margin: 4px 0;
     }
@@ -135,7 +135,6 @@ $sidebar-popover-submenu-bg: rgb(1, 20, 62);
       margin: 4px 0;
       height: 1px;
     }
-
   }
 
   &--mini-sidebar{

client/src/style/views/filter-dropdown.scss

@@ -23,12 +23,13 @@
     &:not(:last-of-type) {
       padding-right: 8px;
     }
+
     .bp3-html-select select,
     .bp3-select select{
-      padding: 0 20px 0 6px;
+      padding: 0 15px 0 4px;
 
       &:after{
-        margin-right: 10px;
+        margin-right: 8px;
       }
     }
     .bp3-input{
@@ -45,7 +46,7 @@
     .bp3-html-select::after,
     .form-group--select-list .bp3-button::after{
       border-top-color: #aaa;
-      margin-right: 10px;
+      margin-right: 8px;
     }
   }
 
@@ -55,19 +56,24 @@
   }
   .form-group{
     &--condition{
-      width: 70px;
-      min-width: 70px;
+      width: 65px;
+      min-width: 65px;
     }
     &--field{
-      width: 45%;
+      width: 40%;
     }
-    &--compatator{
-      min-width: 120px;
-      width: 120px;
-      max-width: 120px;
+    &--comparator{
+      min-width: 100px;
+      width: 100px;
+      max-width: 100px;
     }
     &--value{
-      width: 55%;
+      width: 50%;
+
+      .bp3-control{
+        display: inline-block;
+        margin-left: 1.8rem;
+      }
     }
   }
 }
@@ -101,7 +107,7 @@
   }
 
   .bp3-input-group{
-    padding: 8px;
+    margin: 8px 8px 0;
     padding-bottom: 4px;
 
     .bp3-input:not(:first-child){