diff --git a/src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx b/src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx index 75332a772..b887bd3cf 100644 --- a/src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx +++ b/src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx @@ -15,7 +15,7 @@ import { CategoryDetails_category } from "../../types/CategoryDetails"; const styles = createStyles({ root: { - width: "50%" + width: "100%" } }); diff --git a/src/collections/components/CollectionDetails/CollectionDetails.tsx b/src/collections/components/CollectionDetails/CollectionDetails.tsx index 56374d94f..a86d16cbd 100644 --- a/src/collections/components/CollectionDetails/CollectionDetails.tsx +++ b/src/collections/components/CollectionDetails/CollectionDetails.tsx @@ -16,7 +16,7 @@ import { CollectionDetails_collection } from "../../types/CollectionDetails"; const styles = createStyles({ name: { - width: "80%" + width: "100%" } }); diff --git a/src/discounts/components/SaleInfo/SaleInfo.tsx b/src/discounts/components/SaleInfo/SaleInfo.tsx index 676884e4b..6b65a0105 100644 --- a/src/discounts/components/SaleInfo/SaleInfo.tsx +++ b/src/discounts/components/SaleInfo/SaleInfo.tsx @@ -28,7 +28,7 @@ const styles = (theme: Theme) => root: { display: "grid", gridColumnGap: theme.spacing.unit * 2 + "px", - gridTemplateColumns: "3fr 1fr" + gridTemplateColumns: "1fr" } }); diff --git a/src/products/components/ProductDetailsForm/ProductDetailsForm.tsx b/src/products/components/ProductDetailsForm/ProductDetailsForm.tsx index c13f20ad2..54e6e2018 100644 --- a/src/products/components/ProductDetailsForm/ProductDetailsForm.tsx +++ b/src/products/components/ProductDetailsForm/ProductDetailsForm.tsx @@ -21,7 +21,7 @@ const styles = (theme: Theme) => root: { display: "grid", gridColumnGap: theme.spacing.unit * 2 + "px", - gridTemplateColumns: `3fr 1fr` + gridTemplateColumns: `1fr` } }); @@ -69,7 +69,6 @@ export const ProductDetailsForm = withStyles(styles, { description: "product name" })} name="name" - rows={5} value={data.name} onChange={onChange} /> diff --git a/src/theme.ts b/src/theme.ts index ee8738e96..d7f0ddeb8 100644 --- a/src/theme.ts +++ b/src/theme.ts @@ -127,9 +127,6 @@ export default (colors: IThemeColors): Theme => } }, MuiInputLabel: { - disabled: { - color: `${fade(colors.primary, 0.4)} !important` as any - }, formControl: { transform: "translate(0, 1.5px) scale(0.75)", transformOrigin: "top left" as "top left", @@ -142,7 +139,10 @@ export default (colors: IThemeColors): Theme => transform: "translate(14px, 14px) scale(1)" }, root: { - color: colors.input.text + color: colors.input.text, + "&$disabled": { + color: `${fade(colors.primary, 0.4)} !important` as any + } }, shrink: { // Negates x0.75 scale