fixed AddNewItemForm styling

3 files changed, 23 insertions, 19 deletions

diff --git a/src/components/Form/AddNewItemForm.js b/src/components/Form/AddNewItemForm.js
index 32784ca..b126022 100644
--- a/src/components/Form/AddNewItemForm.js
+++ b/src/components/Form/AddNewItemForm.js
@@ -60,7 +60,7 @@ const AddNewItemForm = (props) => {
             "Model": itemNameValue,
             "Description": itemDescValue,
             "Quantity": parseInt(itemQtyValue),
-            "SinglePrice": parseFloat(itemPriceValue),
+            "UnitPrice": parseFloat(itemPriceValue),
             "TotalPrice": parseFloat(itemPriceValue * itemQtyValue),
             "Discount": parseInt(itemDiscountValue),
             "HSN": parseInt(itemHSNValue),
diff --git a/src/components/Form/Form.css b/src/components/Form/Form.css
index cf9bc60..102e4bb 100644
--- a/src/components/Form/Form.css
+++ b/src/components/Form/Form.css
@@ -13,10 +13,11 @@ $defShadow: 0px 0px 4px #232627;
 */
 /* Inspired by Dracula */
 .formContainer {
-  border: 1px solid pink;
-  padding: 2rem;
-  height: 60vh;
-  border-radius: 1rem; }
+  /*border: 1px solid pink;*/
+  /*padding: 2rem;*/
+  height: 50vh;
+  border-radius: 1rem;
+  padding: 1.5rem 0; }
 
 .addNewItemForm .textInputs,
 .addNewItemForm .numericInputs
@@ -27,11 +28,11 @@ label {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  height: 85%; }
+  height: 100%; }
 
 .addNewItemForm .textInputs,
 .addNewItemForm .numericInputs {
-  border: 1px solid #FF79C6;
+  border: 1px dashed #FF79C6;
   width: 30%;
   justify-content: space-around; }
 
@@ -39,9 +40,9 @@ label {
   width: 5.5rem; }
 
 .addNewItemForm .menuButtons {
-  justify-content: space-around;
-  border: 1px solid lightgreen;
-  width: 15%; }
+  border: 1px dashed #FF79C6;
+  width: 15%;
+  justify-content: space-around; }
 
 .addNewItemForm .menuButtons * {
   width: 100%; }
@@ -49,7 +50,7 @@ label {
 .addNewItemForm div {
   display: flex;
   flex-direction: column;
-  border-radius: 1rem;
+  /*border-radius: 1rem;*/
   padding: 1.5rem;
   overflow: scroll; }
 
diff --git a/src/components/Form/Form.scss b/src/components/Form/Form.scss
index b11c9ab..df1cdde 100644
--- a/src/components/Form/Form.scss
+++ b/src/components/Form/Form.scss
@@ -1,11 +1,14 @@
 @import "../../styles/theme";
 
+$inputBorders: 1px dashed $altFG;
+
 .formContainer {
-  border: 1px solid pink;
-  padding: 2rem;
+  /*border: 1px solid pink;*/
+  /*padding: 2rem;*/
 
-  height: 60vh;
+  height: 50vh;
   border-radius: 1rem;
+  padding: 1.5rem 0;
 }
 
 .addNewItemForm .textInputs,
@@ -19,12 +22,12 @@ label {
   flex-direction: row;
   justify-content: space-between;
 
-  height: 85%;
+  height: 100%;
 }
 
 .addNewItemForm .textInputs,
 .addNewItemForm .numericInputs {
-  border: 1px solid $altBorderColor;
+  border: $inputBorders;
   width: 30%;
   justify-content: space-around;
 }
@@ -34,9 +37,9 @@ label {
 }
 
 .addNewItemForm .menuButtons {
-  justify-content: space-around;
-  border: 1px solid $defBorderColor;
+  border: $inputBorders;
   width: 15%;
+  justify-content: space-around;
 }
 
 .addNewItemForm .menuButtons * {
@@ -46,7 +49,7 @@ label {
 .addNewItemForm div {
   display: flex;
   flex-direction: column;
-  border-radius: 1rem;
+  /*border-radius: 1rem;*/
   padding: 1.5rem;
 
   overflow: scroll;