From caf5c95f3648b278e872c06419693c4b71cfae22 Mon Sep 17 00:00:00 2001
From: eelkus01 <130937420+eelkus01@users.noreply.github.com>
Date: Thu, 27 Jun 2024 09:35:26 -0400
Subject: [PATCH] final style fixes

---
 client/src/pages/ballotInfo/[candidate].tsx               | 8 ++++----
 client/src/pages/ballotInfo/index.tsx                     | 2 +-
 .../pages/ballotInfo/whatsOnTheBallot/ballotInitative.tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/client/src/pages/ballotInfo/[candidate].tsx b/client/src/pages/ballotInfo/[candidate].tsx
index f050f1b3..962af7c3 100644
--- a/client/src/pages/ballotInfo/[candidate].tsx
+++ b/client/src/pages/ballotInfo/[candidate].tsx
@@ -165,10 +165,10 @@ export default function Candidate() {
             {/* Actual candidate data */}
             <div className="relative flex min-h-screen flex-col bg-[#d1e4fa] overflow-x-hidden justify-center">
             {candidateData ? (
-                <div className="lg:px-36 px-10 flex flex-1 justify-center pb-5">
+                <div className="lg:px-36 md:px-10 sm:px-10 px-6 flex flex-1 justify-center pb-5">
                     <div className="layout-content-container flex flex-col max-w-[960px] flex-1">
                         <div className="grid grid-cols-1 py-4">
-                            <div className="flex justify-center p-4 md:col-span-3">
+                            <div className="flex justify-center lg:p-4 md:p-4 sm:p-4 md:col-span-3">
 
                                 <div className="flex w-full flex-col gap-4 md:flex-row md:justify-center md:items-center">
                                     <div className="flex gap-4 flex-col md:flex-row">
@@ -222,7 +222,7 @@ export default function Candidate() {
                         {/* Questions and Answers if filled out */}
                         {Object.entries(questionsAndAnswers) &&
                             <div className="flex flex-col justify-center items-center py-8 my-2">
-                                <p className="text-4xl font-semibold mb-8 text-center">Questions curated by the founder, journalist Yawu Miller</p>
+                                <p className="text-4xl font-semibold mb-4 text-center">Questions curated by the founder, journalist Yawu Miller</p>
                                 {Object.entries(questionsAndAnswers).map(([index, qa]) => (
                                     qa.question && qa.answer ? (
                                         <Accordion key={index} className='bg-white w-full lg:w-3/4 md:w-3/4 mb-3 rounded-md'>
@@ -234,7 +234,7 @@ export default function Candidate() {
 
                                             {/* Answer */}
                                             <AccordionDetails>
-                                                <Typography className='mb-8 text-xl text-center'>{qa.answer}</Typography>
+                                                <Typography className='mb-4 text-xl text-center'>{qa.answer}</Typography>
                                             </AccordionDetails>
                                         </Accordion>
                                     ) : null
diff --git a/client/src/pages/ballotInfo/index.tsx b/client/src/pages/ballotInfo/index.tsx
index fdfc1c06..8df3ac03 100644
--- a/client/src/pages/ballotInfo/index.tsx
+++ b/client/src/pages/ballotInfo/index.tsx
@@ -69,7 +69,7 @@ export default function BallotInfo() {
                         <BallotInitative />
                     </>
                 ) : (
-                    <p className="text-xl font-semibold text-red-500">Please fill out the <u>address form</u> above and <u>select an election</u> to see your ballot information</p>
+                    <p className="text-xl font-semibold text-red-500 text-center">Please fill out the <u>address form</u> above and <u>select an election</u> to see your ballot information.</p>
                 )}
             </div>
 
diff --git a/client/src/pages/ballotInfo/whatsOnTheBallot/ballotInitative.tsx b/client/src/pages/ballotInfo/whatsOnTheBallot/ballotInitative.tsx
index f47a4170..7e30cf26 100644
--- a/client/src/pages/ballotInfo/whatsOnTheBallot/ballotInitative.tsx
+++ b/client/src/pages/ballotInfo/whatsOnTheBallot/ballotInitative.tsx
@@ -131,7 +131,7 @@ export default function BallotInitiative() {
                             <Card className="flex-1 my-8" sx={{ backgroundColor: '#f4f4f4', minWidth: 275 }}>
                                 <CardContent>
                                     <Typography className="text-xl underline">What is a vote YES?</Typography>
-                                    <ul className="list-disc list-outside text-lg pr-8 text-left pl-16 py-2">
+                                    <ul className="list-disc list-outside text-lg pr-8 text-left pl-8 lg:pl-16 md:pl-16 sm:pl-16 py-2">
                                         {item.WhatIsYes.split('\n').map((line, index) => (
                                             <li key={index}>{line}</li>
                                         ))}
@@ -143,7 +143,7 @@ export default function BallotInitiative() {
                             <Card className="flex-1 lg:my-8 mb-8" sx={{ backgroundColor: '#f4f4f4', minWidth: 275 }}>
                                 <CardContent>
                                     <Typography className="text-xl underline">What is a vote NO?</Typography>
-                                    <ul className="list-disc list-outside text-lg pr-8 text-left pl-16 py-2">
+                                    <ul className="list-disc list-outside text-lg pr-8 text-left pl-8 lg:pl-16 md:pl-16 sm:pl-16 py-2">
                                         {item.WhatIsNo.split('\n').map((line, index) => (
                                             <li key={index}>{line}</li>
                                         ))}