From d830fce0ebce2a18f124900a16b482fe368f4bc7 Mon Sep 17 00:00:00 2001
From: Wang Haoyang <haoyangw@gmail.com>
Date: Tue, 12 Nov 2024 21:29:22 +0800
Subject: [PATCH 1/4] Fix margin on large breakpoints

---
 frontend/app/landing.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/landing.tsx b/frontend/app/landing.tsx
index 3b0a2435..4708bbec 100644
--- a/frontend/app/landing.tsx
+++ b/frontend/app/landing.tsx
@@ -297,7 +297,7 @@ const Landing = () => {
             </span>
           </div>
 
-          <div className="flex-1 md:basis-7/12 p-12 mt-10 bg-background border rounded-lg shadow-lg">
+          <div className="flex-1 md:basis-7/12 p-12 mt-10 md:mt-0 bg-background border rounded-lg shadow-lg">
             <p className="text-xl md:text-2xl lg:text-3xl text-text">
               Jippy is after all just an AI frog, and can make mistakes, but
               here are some things made sure to train Jippy on to avoid mistakes

From 5717af364c5a21b9778ed86817586263125f2311 Mon Sep 17 00:00:00 2001
From: Wang Haoyang <haoyangw@gmail.com>
Date: Tue, 12 Nov 2024 21:41:47 +0800
Subject: [PATCH 2/4] Improve landing page feature demo -Adjust font size of
 essay helper demo

---
 frontend/components/landing/sample-points.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/components/landing/sample-points.tsx b/frontend/components/landing/sample-points.tsx
index 33ed0284..1b5dcbfa 100644
--- a/frontend/components/landing/sample-points.tsx
+++ b/frontend/components/landing/sample-points.tsx
@@ -15,9 +15,9 @@ const SamplePoints = ({
 }) => {
   return (
     <>
-      <h1 className="px-8 md:px-0 text-2xl lg:text-3x xl:text-4xl font-semibold text-text mb-5 2xl:mb-6">
+      <h2 className="px-8 md:px-0 text-lg xl:text-xl 2xl:text-2xl font-semibold text-text mb-5 2xl:mb-6">
         {question}
-      </h1>
+      </h2>
       <Accordion className="flex flex-col gap-y-4" type="multiple">
         {points.map((point, index) => (
           <AccordionItem
@@ -27,18 +27,18 @@ const SamplePoints = ({
           >
             <AccordionTrigger
               chevronClassName="h-6 w-6 stroke-[2.5] ml-4"
-              className="text-lg lg:text-xl 2xl:text-2xl text-primary font-medium text-start hover:no-underline pt-4 pb-6"
+              className="text-primary font-medium text-start hover:no-underline pt-4 pb-6"
             >
               <div className="flex flex-col">
                 <div className="flex">
                   <Chip
-                    className="flex mb-4 w-fit max-w-full 2xl:text-xl"
+                    className="flex mb-4 w-fit max-w-full md:text-lg 2xl:text-xl"
                     label={point.positive ? "For" : "Against"}
                     size="lg"
                     variant={point.positive ? "secondary" : "accent"}
                   />
                 </div>
-                <span className="inline-block text-primary-900 hover:text-primary-900/80">
+                <span className="text-base xl:text-lg 2xl:text-xl inline-block text-primary-900 hover:text-primary-900/80">
                   {point.title}
                 </span>
               </div>

From 68ab9d2383de5600dc5f082b74a5ce1c4ea4e4ca Mon Sep 17 00:00:00 2001
From: Wang Haoyang <haoyangw@gmail.com>
Date: Tue, 12 Nov 2024 21:42:06 +0800
Subject: [PATCH 3/4] Fix typo in essay helper

---
 frontend/app/(authenticated)/answers/[id]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/(authenticated)/answers/[id]/page.tsx b/frontend/app/(authenticated)/answers/[id]/page.tsx
index b5c425c3..590018ef 100644
--- a/frontend/app/(authenticated)/answers/[id]/page.tsx
+++ b/frontend/app/(authenticated)/answers/[id]/page.tsx
@@ -30,7 +30,7 @@ const AnswerPage = ({ params }: { params: { id: string } }) => {
         id="answer"
       >
         <div className="flex flex-col pb-4 mb-4 py-8 xl:py-16 max-w-6xl md:mx-8 lg:mx-16 xl:mx-auto">
-          <h1 className="px-8 md:px-0 text-2xl lg:text-3x xl:text-4xl font-semibold text-text mb-10 2xl:mb-12">
+          <h1 className="px-8 md:px-0 text-2xl lg:text-3xl xl:text-4xl font-semibold text-text mb-10 2xl:mb-12">
             {data.question}
           </h1>
           <div className="flex flex-col">

From a4c7d20da4a530efd87deeee786cc37081d904b8 Mon Sep 17 00:00:00 2001
From: Wang Haoyang <haoyangw@gmail.com>
Date: Tue, 12 Nov 2024 21:50:28 +0800
Subject: [PATCH 4/4] Fix landing page spacing -Adjust spacing of the feature
 demo on the landing page

---
 frontend/components/landing/feature-list.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/components/landing/feature-list.tsx b/frontend/components/landing/feature-list.tsx
index 377541bd..10befe61 100644
--- a/frontend/components/landing/feature-list.tsx
+++ b/frontend/components/landing/feature-list.tsx
@@ -43,12 +43,12 @@ const FeatureList = ({ features }: FeatureListProps) => {
               )}
             </div>
             {selectedFeature === feature && (
-              <div className="mt-2 max-w-full">
-                <p className="text-sm lg:text-base text-gray-600 text-wrap">
+              <div className="max-w-full">
+                <p className="text-sm lg:text-base text-gray-600 text-wrap py-3">
                   {feature.description}
                 </p>
                 <div
-                  className="mt-4 flex flex-col w-full items-stretch cursor-default py-4 md:hidden"
+                  className="flex flex-col w-full items-stretch cursor-default py-8 md:hidden"
                   id="mobile-demo"
                   onClick={(e) => e.stopPropagation()}
                 >