feat: styling item adjustment dialog.

client/src/style/pages/Items/ItemAdjustmentDialog.scss

@@ -0,0 +1,73 @@
+.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: 250px;
+    }
+  }
+  .adjustment-fields {
+    padding-top: 16px;
+    border-top: 2px solid #e9e9e9;
+    margin-bottom: 18px;
+    padding-bottom: 12px;
+    border-bottom: 2px solid #e9e9e9;
+
+    .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;
+        }
+      }
+      .col--quantity-on-hand {
+        width: 120px;
+      }
+      .col--sign {
+        display: flex;
+
+        span {
+          margin-top: auto;
+          margin-bottom: 12px;
+        }
+      }
+      .col--decrement,
+      .col--increment {
+        width: 100px;
+      }
+      .col--cost {
+        width: 95px;
+      }
+      .col--quantity {
+        width: 120px;
+      }
+    }
+  }
+
+  .bp3-dialog-footer {
+    padding-top: 10px;
+  }
+}