Fix padding on form

openstax · Nov 30, 2023 · 5846dfa · 5846dfa
1 parent 722f116
commit 5846dfa
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/frontend/src/screens/researcher/studies/create/edit-study.tsx b/frontend/src/screens/researcher/studies/create/edit-study.tsx
@@ -24,7 +24,7 @@ import { ReviewStudy, SubmitStudyModal } from './forms/review-study';
 import { noop } from 'lodash-es';
 import { useLocalstorageState } from 'rooks';
 import { Navigate } from 'react-router-dom';
-import { Grid, Stack } from '@mantine/core';
+import { Box, Grid, Stack } from '@mantine/core';
 
 const buildValidationSchema = (allOtherStudies: Study[]) => {
     return Yup.object().shape({
@@ -298,9 +298,9 @@ const FormContent: FC<{
                     <ExitButton navTo='/studies'/>
                 </Grid.Col>
             </Grid>
-            <>
+            <Box pb='120px'>
                 {steps[currentStep].component}
-            </>
+            </Box>
             <ActionFooter step={steps[currentStep]} />
         </Stack>
     )

diff --git a/frontend/src/screens/researcher/studies/create/forms/participant-view.tsx b/frontend/src/screens/researcher/studies/create/forms/participant-view.tsx
@@ -95,7 +95,7 @@ export const participantViewValidation = (allOtherStudies: Study[]) => {
 }
 
 export const ParticipantView: FC<{study: Study}> = ({ study }) => {
-    const [showImagePicker, setShowImagePicker] = useState<boolean>(false)
+    const [showImagePicker, setShowImagePicker] = useState(false)
     const initialSubjects = study.subject ? [...new Set([...studySubjects, study.subject])] : studySubjects
     const [allStudySubjects, setAllStudySubjects] = useState<string[]>(initialSubjects)
     const { setValue, watch, getValues, control } = useFormContext<Study>()