From a279a9c5da0681813db7f9fe7dadaa0b3fe9a53d Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@live.com>
Date: Sat, 4 Jul 2020 02:58:58 +0200
Subject: [PATCH] feat: Style tweaks.

---
 client/src/components/Dashboard/DashboardSplitePane.js | 4 +++-
 client/src/containers/Accounts/AccountsDataTable.js    | 2 +-
 client/src/style/components/data-table.scss            | 2 +-
 client/src/style/pages/accounts-chart.scss             | 4 ++--
 client/src/style/pages/dashboard.scss                  | 4 ++--
 5 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/client/src/components/Dashboard/DashboardSplitePane.js b/client/src/components/Dashboard/DashboardSplitePane.js
index 3938f435a..6a73d01c9 100644
--- a/client/src/components/Dashboard/DashboardSplitePane.js
+++ b/client/src/components/Dashboard/DashboardSplitePane.js
@@ -9,8 +9,10 @@ function DashboardSplitPane({
   sidebarExpended,
   children
 }) {
+  const initialSize = 190;
+
   const [defaultSize, setDefaultSize] = useState(
-    parseInt(localStorage.getItem('dashboard-size'), 10) || 220,
+    parseInt(localStorage.getItem('dashboard-size'), 10) || initialSize,
   );
   const debounceSaveSize = useRef(
     debounce((size) => {
diff --git a/client/src/containers/Accounts/AccountsDataTable.js b/client/src/containers/Accounts/AccountsDataTable.js
index dc189b593..9bac00b5f 100644
--- a/client/src/containers/Accounts/AccountsDataTable.js
+++ b/client/src/containers/Accounts/AccountsDataTable.js
@@ -56,7 +56,7 @@ function BalanceCell({ cell }) {
       <Money amount={balance.amount} currency={balance.currency_code} />
     </span>
   ) : (
-    <span class="placeholder">--</span>
+    <span class="placeholder">—</span>
   );
 }
 
diff --git a/client/src/style/components/data-table.scss b/client/src/style/components/data-table.scss
index 3f033f6ff..b1b1b193d 100644
--- a/client/src/style/components/data-table.scss
+++ b/client/src/style/components/data-table.scss
@@ -141,7 +141,7 @@
         color: #141720;
 
         .placeholder{
-          color: #999;
+          color: #A0A0A0;
         }
       }      
       .tr:hover .td{
diff --git a/client/src/style/pages/accounts-chart.scss b/client/src/style/pages/accounts-chart.scss
index b876e5fab..37352cd08 100644
--- a/client/src/style/pages/accounts-chart.scss
+++ b/client/src/style/pages/accounts-chart.scss
@@ -12,8 +12,8 @@
     .table{
       .tbody{
         .tr:not(.no-results) .td{
-          padding-top: 0.4rem;
-          padding-bottom: 0.4rem;
+          padding-top: 0.36rem;
+          padding-bottom: 0.36rem;
         }
         .account_name{
 
diff --git a/client/src/style/pages/dashboard.scss b/client/src/style/pages/dashboard.scss
index 9df7a3a93..b1f2730ae 100644
--- a/client/src/style/pages/dashboard.scss
+++ b/client/src/style/pages/dashboard.scss
@@ -189,7 +189,7 @@
           color: #1183DA;
         }
         .#{$ns}-button-text{
-          margin-right: 3px;
+          margin-right: 2px;
         }
         .#{$ns}-icon-caret-down{
           margin-right: 0;
@@ -211,7 +211,7 @@
     h1{
       font-size: 26px;
       font-weight: 300;
-      color: #333;
+      color: #050035;
       margin: 0;
     }
     h3{