From e8dfb4d67f7dab87c5dd01cce3bf23e12e571167 Mon Sep 17 00:00:00 2001
From: Ian Krieger <iandkrieger@gmail.com>
Date: Fri, 4 Aug 2023 10:06:07 -0400
Subject: [PATCH] fix: make sure text boxes have correct width

---
 src/form/FormikHelpers.tsx      | 5 ++++-
 src/user/ads/NotificationAd.tsx | 4 +---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/form/FormikHelpers.tsx b/src/form/FormikHelpers.tsx
index 0b92baca..b39c2618 100644
--- a/src/form/FormikHelpers.tsx
+++ b/src/form/FormikHelpers.tsx
@@ -48,7 +48,7 @@ export const FormikTextField: React.FC<FormikTextFieldProps> = (props) => {
 
   const extraOmit = props.useTopLabel ? ["label"] : [];
   return (
-    <Box>
+    <Box flexGrow={1}>
       {props.useTopLabel && (
         <FormLabel sx={{ color: "text.primary" }}> {props.label} </FormLabel>
       )}
@@ -67,6 +67,9 @@ export const FormikTextField: React.FC<FormikTextFieldProps> = (props) => {
         }
         sx={props.useTopLabel ? { marginBottom: 2 } : {}}
         disabled={props.disabled}
+        inputProps={{
+          maxLength: props.maxLengthInstantFeedback,
+        }}
         {..._.omit(props, [
           "small",
           "maxLengthInstantFeedback",
diff --git a/src/user/ads/NotificationAd.tsx b/src/user/ads/NotificationAd.tsx
index 48069fe6..58e75f39 100644
--- a/src/user/ads/NotificationAd.tsx
+++ b/src/user/ads/NotificationAd.tsx
@@ -47,9 +47,8 @@ export function NotificationAd({ onCreate }: Props) {
     <CardContainer header="New Ad">
       <FormikTextField name="newCreative.name" label="Ad Name" />
 
-      <Stack direction="row" alignItems="center">
+      <Stack direction="row" alignItems="center" spacing={1}>
         <FormikTextField
-          sx={{ mr: 0.5 }}
           name="newCreative.title"
           label="Ad Title"
           helperText="Max 30 Characters"
@@ -57,7 +56,6 @@ export function NotificationAd({ onCreate }: Props) {
         />
 
         <FormikTextField
-          sx={{ ml: 0.5 }}
           name="newCreative.body"
           label="Ad Body"
           helperText="Max 60 Characters"