From accda5c9e98b96700b13d68193995b146d8b25b1 Mon Sep 17 00:00:00 2001
From: Catherine Tan <catherine95118@gmail.com>
Date: Fri, 13 Dec 2024 11:50:27 -0800
Subject: [PATCH] fix review page spacing

---
 app/onboarding/page.tsx  | 35 ++++++++++++++++-------------------
 app/onboarding/styles.ts |  2 +-
 2 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/app/onboarding/page.tsx b/app/onboarding/page.tsx
index 2daf1e1..5be828f 100644
--- a/app/onboarding/page.tsx
+++ b/app/onboarding/page.tsx
@@ -28,7 +28,7 @@ const stateOptions: DropdownOption<string>[] = [
 
 const gardenTypeOptions: DropdownOption<UserTypeEnum>[] = [
   { label: 'Individual', value: 'INDIV' },
-  { label: 'Community', value: 'ORG' },
+  { label: 'Community/Organization', value: 'ORG' },
   { label: 'School', value: 'SCHOOL' },
 ];
 
@@ -228,20 +228,18 @@ const ReviewPage = ({
 
   return (
     <OnboardingContainer>
-      <Flex $direction="column" $justify="start">
+      <div style={{ width: '100%', display: 'flex', flexDirection: 'column' }}>
         <ProgressBar progress={100} />
-        <QuestionDiv>
-          <H3
-            $color={COLORS.shrub}
-            style={{
-              textAlign: 'center',
-              marginTop: '90px',
-              marginBottom: '40px',
-            }}
-          >
-            Review & Submit
-          </H3>
-        </QuestionDiv>
+        <H3
+          $color={COLORS.shrub}
+          style={{
+            textAlign: 'center',
+            marginTop: '90px',
+            marginBottom: '40px',
+          }}
+        >
+          Review & Submit
+        </H3>
         <ContentContainer>
           <P1 style={{ color: COLORS.shrub, marginBottom: '16px' }}>
             Your Responses
@@ -265,12 +263,11 @@ const ReviewPage = ({
             options={plotOptions}
             onChange={value => setSelectedPlot(value === true)} // Convert the value as needed
           />
-          <div style={{ height: '12.625rem' }} />
-          <BigButton color={COLORS.shrub} onClick={handleSubmit}>
-            Let&apos;s Start Growing !
-          </BigButton>
         </ContentContainer>
-      </Flex>
+      </div>
+      <BigButton color={COLORS.shrub} onClick={handleSubmit}>
+        Let&apos;s Start Growing!
+      </BigButton>
     </OnboardingContainer>
   );
 };
diff --git a/app/onboarding/styles.ts b/app/onboarding/styles.ts
index 501881c..e98e6b5 100644
--- a/app/onboarding/styles.ts
+++ b/app/onboarding/styles.ts
@@ -27,7 +27,7 @@ export const ContentContainer = styled.div`
 export const QuestionDiv = styled.div`
   display: flex;
   flex-direction: column;
-  min-height: 60px;
+  height: max(60px, max-content);
   align-items: center;
   justify-content: end;
   align-content: center;