feat: Style tweaks.

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) => {

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>
   );
 }
 

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

@@ -141,7 +141,7 @@
         color: #141720;
 
         .placeholder{
-          color: #999;
+          color: #A0A0A0;
         }
       }      
       .tr:hover .td{

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{
 

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{