feat: tables empty status.

client/src/style/App.scss

@@ -462,4 +462,41 @@ body.authentication {
       min-width: 70px;
     }
   }
+}
+
+
+.datatable-empty-status{
+  max-width: 550px;
+  width: 100%;
+  margin: 0 auto;
+  text-align: center;
+  margin-top: 200px;
+
+  &__title{
+    font-size: 20px;
+    color: #2c3a5d;
+    font-weight: 600;
+    margin-left: auto;
+    margin-bottom: 12px;
+    margin-right: auto;
+    margin-top: 0;
+    line-height: 1.4;
+  }
+  &__desc{
+    font-size: 16px;
+    color: #1f3255;
+    opacity: 0.8;
+    line-height: 1.6;
+  }
+  &__actions{
+    margin-top: 26px;
+
+    .bp3-button{
+      min-height: 36px;
+
+      & + .bp3-button{
+        margin-left: 10px;
+      }
+    }
+  }
 }

client/src/style/objects/buttons.scss

@@ -23,9 +23,14 @@
   }
 }
 
-.bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal){
+.bp3-button{
   min-width: 32px;
   min-height: 32px;
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+.bp3-button:not([class*="bp3-intent-"]):not(.bp3-minimal){
   background-color: #E6EFFB;
   color: #555555;
   box-shadow: 0 0 0 transparent;

client/src/style/pages/dashboard.scss

@@ -239,6 +239,7 @@
   }
   &__insider{
     margin-bottom: 40px;
+    flex: 1 0 0;
   }
 
   &__offline-badge{
@@ -276,16 +277,19 @@
   }
 
   &__insider{
+    display: flex;
+    flex-direction: column;
     
-    &--loading{
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
+    > .dashboard__loading-indicator{
+      margin-top: auto;
+      margin-bottom: auto;
     }
   }
 
   &__page-content{
+    display: flex;
+    flex-direction: column;
+    flex: 1 0 0;
 
     .bigcapital-datatable{
 
@@ -305,6 +309,18 @@
     }
   }
 
+  &__datatable{
+    display: flex;
+    flex: 1 0 0;
+    flex-direction: column;
+
+    .datatable-empty-status{
+      margin-top: auto;
+      margin-bottom: auto;
+      padding-bottom: 40px;
+    }
+  }
+
   &__preferences-topbar{
     border-bottom: 1px solid #E5E5E5;
     // height: 70px;