done

hack4impact-upenn · Dec 27, 2022 · c66e377 · c66e377
1 parent 95bd0d1
commit c66e377
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 39 deletions.
diff --git a/client/src/Question/QuestionPage.tsx b/client/src/Question/QuestionPage.tsx
@@ -153,12 +153,7 @@ function QuestionPage() {
   return (
     <ScreenGrid>
       <SidebarComponent currentQuestion={currentQuestion}>
-        <Box
-          justifyContent="space-between"
-          height="100%"
-          margin="auto"
-          marginTop="15%"
-        >
+        <Box height="100%" margin="auto">
           <Box margin="auto">
             <ResourceComponent question={currentQuestion} />
           </Box>

diff --git a/client/src/Question/ResourceComponent.tsx b/client/src/Question/ResourceComponent.tsx
@@ -15,45 +15,40 @@ function ResourceComponent(props: ResourceComponentProps) {
   return (
     // eslint-disable-next-line no-underscore-dangle
     <div>
-      <ScreenGrid>
+      <Grid
+        container
+        direction="column"
+        justifyContent="space-between"
+        alignItems="center"
+        fit-content="100%"
+        height="100%"
+      >
         <Grid
           container
-          direction="row"
-          justifyContent="flex-start"
-          alignItems="center"
           height="100%"
+          direction="column"
+          alignItems="center"
+          fit-content="100%"
+          justifyContent="space-in"
+          gap="2%"
         >
-          <Grid
-            container
-            height="100%"
-            direction="row"
-            alignItems="center"
-            justifyContent="flex-start"
-            // gap="2%"
-          >
-            <Grid
-              container
-              direction="column"
-              alignItems="center"
-              justifyContent="flex-start"
-            >
-              <Typography variant="h2" fontWeight="bold" textAlign="center">
-                Resources
-              </Typography>
-            </Grid>
-            {question.resultantAnswers.map((answer) => {
-              return (
-                <Grid item margin="auto">
-                  <ResourceDropdown
-                    title={answer.text}
-                    content={answer.resourceContent}
-                  />
-                </Grid>
-              );
-            })}
+          <Grid container direction="column" alignItems="center">
+            <Typography variant="h2" fontWeight="bold" textAlign="center">
+              Resources
+            </Typography>
           </Grid>
+          {question.resultantAnswers.map((answer) => {
+            return (
+              <Grid item margin="auto" marginTop="1%">
+                <ResourceDropdown
+                  title={answer.text}
+                  content={answer.resourceContent}
+                />
+              </Grid>
+            );
+          })}
         </Grid>
-      </ScreenGrid>
+      </Grid>
     </div>
   );
 }