From 79f9190de395a4b21a905a3f78d3eeb832ba773f Mon Sep 17 00:00:00 2001
From: "a.bouhuolia" <a.bouhuolia@live.com>
Date: Sun, 17 Jan 2021 17:34:10 +0200
Subject: [PATCH] feat: fix UI inventory item adjustment dialog.

---
 .../InventoryAdjustmentFormDialogFields.js    |  6 +--
 client/src/lang/en/index.js                   |  2 +-
 .../pages/Items/ItemAdjustmentDialog.scss     | 48 +++++++++++--------
 3 files changed, 30 insertions(+), 26 deletions(-)

diff --git a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js
index b5e1988af..858f08b1b 100644
--- a/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js
+++ b/client/src/containers/Dialogs/InventoryAdjustmentFormDialog/InventoryAdjustmentFormDialogFields.js
@@ -113,7 +113,7 @@ function InventoryAdjustmentFormDialogFields({
             labelInfo={<FieldRequiredHint />}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name="reason" />}
-            className={'from-group--adjustment-account'}
+            className={'form-group--adjustment-account'}
           >
             <AccountsSuggestField
               accounts={accountsList}
@@ -137,7 +137,7 @@ function InventoryAdjustmentFormDialogFields({
             label={<T id={'reference_no'} />}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name="reference_no" />}
-            className={'from-group--reference-no'}
+            className={'form-group--reference-no'}
           >
             <InputGroup {...field} />
           </FormGroup>
@@ -152,12 +152,10 @@ function InventoryAdjustmentFormDialogFields({
             className={'form-group--adjustment-reasons'}
             intent={inputIntent({ error, touched })}
             helperText={<ErrorMessage name={'adjustment_reasons'} />}
-            placeholder={'Max 500 characters'}
           >
             <TextArea
               growVertically={true}
               large={true}
-              placeholder={'Max 500 characters.'}
               {...field}
             />
           </FormGroup>
diff --git a/client/src/lang/en/index.js b/client/src/lang/en/index.js
index 06a98222b..0921db063 100644
--- a/client/src/lang/en/index.js
+++ b/client/src/lang/en/index.js
@@ -957,7 +957,7 @@ export default {
   the_adjustment_has_been_successfully_deleted:
     'The adjustment has been successfully deleted.',
   once_delete_this_inventory_a_adjustment_you_will_able_to_restore_it: `Once you delete this inventory a adjustment, you won\'t be able to restore it later. Are you sure you want to delete this invoice?`,
-  select_adjustment_account: 'Select Adjustment account',
+  select_adjustment_account: 'Select adjustment account',
   qty: 'Quantity on hand',
   money_format: 'Money format',
   show_zero: 'Show zero',
diff --git a/client/src/style/pages/Items/ItemAdjustmentDialog.scss b/client/src/style/pages/Items/ItemAdjustmentDialog.scss
index e3b2f6f3a..fdfb3cdf3 100644
--- a/client/src/style/pages/Items/ItemAdjustmentDialog.scss
+++ b/client/src/style/pages/Items/ItemAdjustmentDialog.scss
@@ -19,7 +19,7 @@
     }
     &--reference-no,
     &--adjustment-account {
-      max-width: 250px;
+      max-width: 270px;
     }
   }
   .adjustment-fields {
@@ -28,6 +28,14 @@
     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;
@@ -42,27 +50,25 @@
         .bp3-form-group {
           margin-bottom: 0;
         }
-      }
-      .col--quantity-on-hand {
-        width: 120px;
-      }
-      .col--sign {
-        display: flex;
-
-        span {
-          margin-top: auto;
-          margin-bottom: 12px;
+        &--quantity-on-hand,
+        &--quantity  {
+          width: 120px;
+        }
+        &--sign {
+          display: flex;
+  
+          span {
+            margin-top: auto;
+            margin-bottom: 12px;
+          }
+        }
+        &--decrement,
+        &--increment {
+          width: 100px;
+        }
+        &--cost {
+          width: 95px;
         }
-      }
-      .col--decrement,
-      .col--increment {
-        width: 100px;
-      }
-      .col--cost {
-        width: 95px;
-      }
-      .col--quantity {
-        width: 120px;
       }
     }
   }