Fix name field width

src/categories/components/CategoryDetailsForm/CategoryDetailsForm.tsx

@@ -15,7 +15,7 @@ import { CategoryDetails_category } from "../../types/CategoryDetails";
 
 const styles = createStyles({
   root: {
-    width: "50%"
+    width: "100%"
   }
 });
 

src/collections/components/CollectionDetails/CollectionDetails.tsx

@@ -16,7 +16,7 @@ import { CollectionDetails_collection } from "../../types/CollectionDetails";
 
 const styles = createStyles({
   name: {
-    width: "80%"
+    width: "100%"
   }
 });
 

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"
     }
   });
 

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}
             />

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