From 8d58a4efeb7d46f18a9486243d464150e94c439d Mon Sep 17 00:00:00 2001
From: Dawid Tarasiuk <tarasiukdawid@gmail.com>
Date: Wed, 21 Jul 2021 11:10:16 +0200
Subject: [PATCH] Fix trimmed quantity inputs in draft order (#1232)

* Fix trimmed quantity inputs in draft orders

* Make order draft quantity inputs more responsive

* Update width
---
 .../OrderDraftDetailsProducts.tsx                |  9 +++------
 .../OrderDraftDetailsProducts/TableLine.tsx      | 16 +++-------------
 .../OrderDraftDetailsProducts/TableLineForm.tsx  |  2 +-
 3 files changed, 7 insertions(+), 20 deletions(-)

diff --git a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
index 2d22c5c07..496d21dc7 100644
--- a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
+++ b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
@@ -32,16 +32,13 @@ const useStyles = makeStyles(
       marginLeft: AVATAR_MARGIN
     },
     colPrice: {
-      textAlign: "right",
-      width: 150
+      textAlign: "right"
     },
     colQuantity: {
-      textAlign: "right",
-      width: 80
+      textAlign: "right"
     },
     colTotal: {
-      textAlign: "right",
-      width: 150
+      textAlign: "right"
     },
     errorInfo: {
       color: theme.palette.error.main
diff --git a/src/orders/components/OrderDraftDetailsProducts/TableLine.tsx b/src/orders/components/OrderDraftDetailsProducts/TableLine.tsx
index d01808011..f16e5fc2a 100644
--- a/src/orders/components/OrderDraftDetailsProducts/TableLine.tsx
+++ b/src/orders/components/OrderDraftDetailsProducts/TableLine.tsx
@@ -29,16 +29,13 @@ const useStyles = makeStyles(
       marginLeft: AVATAR_MARGIN
     },
     colPrice: {
-      textAlign: "right",
-      width: 150
+      textAlign: "right"
     },
     colQuantity: {
-      textAlign: "right",
-      width: 80
+      textAlign: "right"
     },
     colTotal: {
-      textAlign: "right",
-      width: 150
+      textAlign: "right"
     },
     strike: {
       textDecoration: "line-through",
@@ -47,13 +44,6 @@ const useStyles = makeStyles(
     errorInfo: {
       color: theme.palette.error.main
     },
-    quantityField: {
-      "& input": {
-        padding: "12px 12px 10px",
-        textAlign: "right"
-      },
-      width: 60
-    },
     table: {
       tableLayout: "fixed"
     }
diff --git a/src/orders/components/OrderDraftDetailsProducts/TableLineForm.tsx b/src/orders/components/OrderDraftDetailsProducts/TableLineForm.tsx
index 8c10a554f..5c2b7769e 100644
--- a/src/orders/components/OrderDraftDetailsProducts/TableLineForm.tsx
+++ b/src/orders/components/OrderDraftDetailsProducts/TableLineForm.tsx
@@ -13,7 +13,7 @@ const useStyles = makeStyles(
         padding: "12px 12px 10px",
         textAlign: "right"
       },
-      width: 60
+      width: 100
     }
   }),
   { name: "TableLineForm" }