#1328 reverted projectEditContainer

Author: haderie

src/frontend/src/components/ReactHookEditableList.tsx

@@ -15,7 +15,7 @@ interface ReactHookEditableListProps {
 const ReactHookEditableList: React.FC<ReactHookEditableListProps> = ({ name, ls, bulletName, register, append, remove }) => {
   return (
     <>
-      <Grid container columnSpacing={{ xs: 1, sm: 2, md: 3 }}>
+      <Grid container columnSpacing={{ xs: 4, sm: 2, md: 3 }}>
         {ls.map((_element, i) => {
           const formattedName = name
             .split(/(?=[A-Z])/)
@@ -34,7 +34,7 @@ const ReactHookEditableList: React.FC<ReactHookEditableListProps> = ({ name, ls,
                   placeholder={'Enter ' + formattedName + ' . . .'}
                   sx={{ width: 12 / 12 }}
                   multiline
-                  maxRows={4}
+                  maxRows={3}
                   {...register(`${name}.${i}.detail`)}
                 />
                 <IconButton

src/frontend/src/pages/ProjectDetailPage/ProjectEdit/ProjectEditContainer.tsx

@@ -213,30 +213,28 @@ const ProjectEditContainer: React.FC<ProjectEditContainerProps> = ({ project, ex
         <PageBlock title="Links">
           <LinksEditView watch={watch} ls={links} register={register} append={appendLink} remove={removeLink} />
         </PageBlock>
-        <ReactHookEditableList
-          name="goals"
-          register={register}
-          ls={goals}
-          append={appendGoal}
-          remove={removeGoal}
-          title="Goals"
-        />
-        <ReactHookEditableList
-          name="features"
-          register={register}
-          ls={features}
-          append={appendFeature}
-          remove={removeFeature}
-          title="Features"
-        />
-        <ReactHookEditableList
-          name="constraints"
-          register={register}
-          ls={constraints}
-          append={appendConstraint}
-          remove={removeConstraint}
-          title="Other Constraints"
-        />
+        <PageBlock title="Goals">
+          <ReactHookEditableList name="goals" register={register} ls={goals} append={appendGoal} remove={removeGoal} />
+        </PageBlock>
+        <PageBlock title="Features">
+          <ReactHookEditableList
+            name="features"
+            register={register}
+            ls={features}
+            append={appendFeature}
+            remove={removeFeature}
+          />
+        </PageBlock>
+        <PageBlock title="Other Constraints">
+          <ReactHookEditableList
+            name="constraints"
+            register={register}
+            ls={constraints}
+            append={appendConstraint}
+            remove={removeConstraint}
+          />
+        </PageBlock>
+
         <PageBlock title="Rules">
           {rules.map((_rule, i) => {
             return (