chrone: sperate client and server to different repos.

src/style/pages/Items/ItemAdjustmentDialog.scss

@@ -0,0 +1,79 @@
+.dialog--adjustment-item {
+  .bp3-form-group {
+    margin-bottom: 15px;
+
+    label.bp3-label {
+      font-size: 13px;
+      margin-bottom: 3px;
+    }
+  }
+  .form-group {
+    &--adjustment-reasons {
+      .bp3-form-content {
+        textarea {
+          width: 100%;
+          min-width: 100%;
+          font-size: 14px;
+        }
+      }
+    }
+    &--reference-no,
+    &--adjustment-account {
+      max-width: 270px;
+    }
+  }
+  .adjustment-fields {
+    padding-top: 16px;
+    border-top: 2px solid #e9e9e9;
+    margin-bottom: 18px;
+    padding-bottom: 12px;
+    border-bottom: 2px solid #e9e9e9;
+    
+    .bp3-input-group{
+
+      .bp3-input{
+        padding-left: 8px;
+        padding-right: 8px;
+      }
+    } 
+
+    .row {
+      display: flex;
+      flex-wrap: nowrap;
+      margin-left: -0.3rem;
+      margin-right: -0.3rem;
+
+      .col {
+        padding-left: 0.3rem;
+        padding-right: 0.3rem;
+
+        .bp3-form-group {
+          margin-bottom: 0;
+        }
+        &--quantity-on-hand,
+        &--quantity  {
+          width: 120px;
+        }
+        &--sign {
+          display: flex;
+  
+          span {
+            margin-top: auto;
+            margin-bottom: 12px;
+          }
+        }
+        &--decrement,
+        &--increment {
+          width: 100px;
+        }
+        &--cost {
+          width: 95px;
+        }
+      }
+    }
+  }
+
+  .bp3-dialog-footer {
+    padding-top: 10px;
+  }
+}

src/style/pages/Items/List.scss

@@ -0,0 +1,29 @@
+
+// Blueprint framework.
+// @import '@blueprintjs/core/src/blueprint.scss';
+
+.dashboard__insider--items-list {
+  .bigcapital-datatable {
+    .table {
+      .tbody {
+        .tr{
+          min-height: 46px;
+        }
+        .item_type.td {
+          .bp3-tag {
+            font-size: 13px;
+          }
+        }
+        .tr.inactive .td {
+
+          &.normal .bp3-icon {
+            color: #9eaab6;
+          }
+        }
+        .quantity_on_hand {
+          color: #ff0000;
+        }
+      }
+    }
+  }
+}

src/style/pages/Items/PageForm.scss

@@ -0,0 +1,105 @@
+
+body.page-item-new,
+body.page-item-edit{
+
+  .dashboard__footer{
+    display: none;
+  }
+}
+
+.dashboard__insider--item-form{
+  padding-bottom: 64px;
+}
+
+.page-form--item {
+  $self: '.page-form';
+  padding: 20px;
+
+  #{$self}__header {
+    padding: 0;
+  }
+  #{$self}__primary-section {
+    overflow: hidden;
+    padding-top: 5px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #eaeaea;
+    padding-bottom: 5px;
+    max-width: 1000px;
+  }
+
+  #{$self}__body {
+    .bp3-form-group {
+      max-width: 500px;
+      margin-bottom: 14px;
+
+      &.bp3-inline {
+        .bp3-label {
+          min-width: 140px;
+        }
+      }
+      .bp3-form-content {
+        width: 100%;
+      }
+    }
+
+    h3 {
+      font-weight: 500;
+      font-size: 14px;
+      margin-bottom: 1.4rem;
+    }
+
+    .bp3-control {
+      h3 {
+        display: inline;
+        margin-bottom: 0;
+      }
+    }
+
+    .form-group--sellable,
+    .form-group--purchasable {
+      margin-bottom: 1rem;
+    }
+
+    .form-group--purchase-description,
+    .form-group--sell-description{
+      
+      textarea{
+        width: 100%;
+      }
+    }
+  }
+
+  #{$self}__section {
+    max-width: 850px;
+    margin-bottom: 1rem;
+
+    .bp3-form-group {
+      max-width: 400px;
+    }
+
+    &--selling-cost {
+      border-bottom: 1px solid #eaeaea;
+      margin-bottom: 1.25rem;
+      padding-bottom: 0.25rem;
+    }
+  }
+
+  #{$self}__floating-actions {
+    margin-left: -40px;
+    margin-right: -40px;
+
+    .form-group--active {
+      display: inline-block;
+      margin: 0;
+      margin-left: 40px;
+    }
+
+    .btn--submit{
+      min-width: 65px;
+    }
+  }
+
+  .bp3-tooltip-indicator {
+    border-bottom: 1px dashed #d0d0d0;
+  }
+}