Added button to voter info and fixed for upcoming

BU-Spark · Jun 18, 2024 · c3ef91a · c3ef91a
1 parent 69f69ac
commit c3ef91a
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 7 deletions.
diff --git a/client/src/app/globals.css b/client/src/app/globals.css
@@ -44,10 +44,10 @@ body {
   position: absolute;
   top: 50%;
   left: 40%;
-  transform: translate(-40%, -60%) rotate(70deg);
+  transform: translate(-40%, -60%) rotate(68deg);
   width: 800%;
   max-width: 1000px;
-  height: 152%;
+  height: 154%;
   background: white;
   border-radius: 60%;
   z-index: -1;

diff --git a/client/src/pages/upcomingElections/index.tsx b/client/src/pages/upcomingElections/index.tsx
@@ -21,7 +21,7 @@ export default function UpcomingElections() {
 
             <div className='flex flex-col justify-center items-center p-4' >
                 <ButtonFill name='Your Voter Info' link='/voterInfo' className='p-4 m-4 rounded-full bg-blue-700 text-white' />
-                <ButtonFillEx name='How do I register' link='https://www.boston.gov/departments/elections/how-register-vote' variant='outlined' className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800  hover:bg-gray-200' />
+                <ButtonFillEx name='-> How do I register' link='https://www.boston.gov/departments/elections/how-register-vote' variant='outlined' className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800  hover:bg-gray-200' />
                 <DeadlineToRegister />
             </div>
 
@@ -33,8 +33,8 @@ export default function UpcomingElections() {
 
             <div className='flex flex-col justify-center items-center p-4 my-10'>
                 <p className=' font-semibold p-4'>You may be wondering.....</p>
-                <ButtonFill name='What&#39;s on the Ballot' link='/ballotInfo' variant='outlined' className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800  hover:bg-gray-200' />
-                <ButtonFill name='What are my voting options' link='/votingOptions' variant='outlined' className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800  hover:bg-gray-200' />
+                <ButtonFill name='What&#39;s on the Ballot' link='/ballotInfo' className='p-4 m-4 rounded-full bg-blue-700 text-white' />
+                <ButtonFill name='What are my voting options' link='/votingOptions' className='p-4 m-4 rounded-full bg-blue-700 text-white' />
             </div>
         </div>
     )

diff --git a/client/src/pages/voterInfo/index.tsx b/client/src/pages/voterInfo/index.tsx
@@ -8,14 +8,14 @@ import '@/app/globals.css'
 import ButtonFill from '@/components/button/ButtonFill';
 import NavBar from '@/components/nav/NavBar';
 import AddressForm from './addressForm';
+import ButtonFillEx from '@/components/button/ButtonFillEx';
 
 export default function VoterInfo() {
     return (
         <div>
             <NavBar />
-
             {/* Header */}
-            <div className="bg-oval-wrapper flex flex-col justify-center items-center text-center">
+            <div className="bg-oval-wrapper flex flex-col justify-center">
             <div className='flex flex-col justify-center items-center p-4 text-center my-4'>
                 <h1 className='text-blue-700 font-bold text-6xl bg-gradient-to-r from-blue-600 to-purple-600 bg-clip-text text-transparent'>Your Voter Info</h1>
                 <h1 className='font-semibold text-2xl p-5 mt-2' >Here is everything you need to know about your <br />voter status and personal voting logistics!</h1>
@@ -50,6 +50,10 @@ export default function VoterInfo() {
                 <AddressForm />
            </div>
 
+            <div className='flex flex-col justify-center items-center p-4 text-center my-6'>
+                <h1 className='font-semibold text-xl md:w-1/2 lg:w-1/2'>Curious about your voting status? Check it here!</h1>
+                <ButtonFillEx name='-> Registration Status' link='https://www.sec.state.ma.us/voterregistrationsearch/' variant='outlined' className='p-4 m-4 rounded-full bg-white text-blue-700 border-blue-800  hover:bg-gray-200' />
+            </div>
 
             {/* Footer */}
             <div className='flex flex-col justify-center items-center p-4 text-center my-6'>