diff --git a/src/products/components/ProductVariants/ProductVariants.tsx b/src/products/components/ProductVariants/ProductVariants.tsx index 2562c4e4e..7e12fd64b 100644 --- a/src/products/components/ProductVariants/ProductVariants.tsx +++ b/src/products/components/ProductVariants/ProductVariants.tsx @@ -70,7 +70,7 @@ const useStyles = makeStyles( theme => ({ [theme.breakpoints.up("lg")]: { colActions: { - width: 30 + width: 70 }, colInventory: { width: 200 @@ -89,7 +89,9 @@ const useStyles = makeStyles( colInventory: { textAlign: "right" }, - colName: {}, + colName: { + paddingLeft: 0 + }, colPrice: { textAlign: "right" }, @@ -99,12 +101,6 @@ const useStyles = makeStyles( color: fade(theme.palette.text.secondary, 0.6), display: "block" }, - denseTable: { - "& td, & th": { - paddingRight: theme.spacing(3) - }, - width: "auto" - }, link: { cursor: "pointer" }, @@ -195,7 +191,7 @@ interface ProductVariantsProps extends ListActions { onVariantsAdd?(); } -const numberOfColumns = 6; +const numberOfColumns = 7; export const ProductVariants: React.FC = props => { const { @@ -280,7 +276,7 @@ export const ProductVariants: React.FC = props => { )} {hasVariants && ( - + @@ -288,6 +284,7 @@ export const ProductVariants: React.FC = props => { + +
+
+
+