fix: logo style.

fix: page forms style.
feat: auto-fill items entries from item details.
fix: hiding dashboard copyright bar.

client/src/style/components/BigAmount.scss

@@ -1,5 +1,6 @@
 
 .big-amount{
+  text-align: right;
 
   &__label{
     color: #5d6f90;
@@ -11,7 +12,7 @@
     margin: 0;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-weight: 400;
+    font-weight: 500;
     margin-top: 6px;
     color: #343463;
     line-height: 1;

client/src/style/components/DataTable/DataTableEditable.scss

@@ -1,14 +1,16 @@
 .datatable-editor {
+  
   .bp3-form-group {
     margin-bottom: 0;
   }
   .table {
     border: 1px solid #d2dce2;
     border-left: transparent;
+    background-color: #FFF;
 
     .th,
     .td {
-      border-left: 1px solid #e2e2e2;
+      border-left: 1px dashed #e2e2e2;
 
       &.index {
         text-align: center;
@@ -29,7 +31,8 @@
         background-color: #f0f2f8;
         font-size: 14px;
         font-weight: 500;
-        color: #1c1940;
+        color: #415060;
+        border-bottom: 1px solid #d2dce2;
 
         &.index > div {
           width: 100%;
@@ -39,13 +42,14 @@
 
     .tbody {
       .tr .td {
-        padding: 5px;
+        padding: 4px;
         border-bottom: 0;
-        border-top: 1px dashed #aaa;
-        min-height: 42px;
+        border-top: 1px solid #d8d8d8;
+        min-height: 40px;
 
         &.index {
           background-color: #f0f2f8;
+          color: #718294;
 
           > span {
             margin-top: auto;
@@ -126,6 +130,12 @@
         }
       }
     }
+
+    .tfooter{
+      .td{
+        min-height: 38px;
+      }
+    }
     .th {
       color: #444;
       font-weight: 600;
@@ -142,6 +152,23 @@
         margin: 0;
       }
     }
+
+
+    .tbody,
+    .thead,
+    .tfooter{
+
+      // .total,
+      .quantity,
+      .rate,
+      .discount{
+
+        &,
+        input{
+          text-align: right;
+        }
+      }
+    }
   }
 
   .table {

client/src/style/components/PageForm.scss

@@ -12,7 +12,7 @@
     width: 100%;
     background: #fff;
     padding: 14px 18px;
-    border-top: 1px solid rgba(0, 0, 0, 0.05);
+    border-top: 1px solid rgb(210, 221, 226);
     box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.05);
 
     .bp3-button-group{
@@ -33,6 +33,14 @@
   &--strip {
     #{$self}__header-fields {
       width: 85%;
+
+      .bp3-form-group{
+        margin-bottom: 16px;
+      }
+
+      > .bp3-form-group:last-of-type{
+        margin-bottom: 0;
+      }
     }
     #{$self}__body,
     #{$self}__footer {
@@ -40,8 +48,8 @@
     }
 
     #{$self}__header {
-      background-color: #fbfbfb;
-      padding: 30px 20px 0;
+      background-color: #FFF;
+      padding: 25px 32px;
       border-bottom: 1px solid #d2dce2;
 
       .bp3-form-group.bp3-inline label.bp3-label {
@@ -50,15 +58,13 @@
     }
 
     #{$self}__body {
-      padding-top: 15px;
-      padding-left: 20px;
-      padding-right: 20px;
+      padding: 18px 32px 0;
     }
 
     #{$self}__footer {
-      margin: 25px 0 0 0;
-      padding-left: 20px;
-      padding-right: 20px;
+      margin: 20px 0 0 0;
+      padding-left: 32px;
+      padding-right: 32px;
 
       label.bp3-label{
         font-weight: 500;

client/src/style/components/Postbox.scss

@@ -0,0 +1,48 @@
+.postbox {
+    border: 1px solid #d2dce2;
+    background: #FFF;
+
+    &__header {
+        border-bottom: 1px solid #d2dde2;
+        height: 38px;
+        padding-left: 18px;
+        align-items: center;
+        display: flex;
+    }
+
+    &__title {
+        vertical-align: middle;
+        font-weight: 600;
+        font-size: 14px;
+    }
+
+    &.is-toggable .postbox__header {
+        cursor: pointer;
+    }
+
+    &__toggle-indicator {
+        margin-left: auto;
+        width: 40px;
+        text-align: center;
+        display: flex;
+
+        &:before {
+            content: "";
+            width: 0;
+            height: 0;
+            border-left: 4px solid transparent;
+            border-right: 4px solid transparent;
+            border-bottom: 6px solid #8ca0b3;
+            margin: auto;
+        }
+    }
+
+    &__title {}
+
+    &__content {
+
+        &-inner {
+            padding: 20px;
+        }
+    }
+}