Increase gap. Revert font changes.

Equal-Vote · Dec 22, 2024 · 2f0afd4 · 2f0afd4
1 parent f238c86
commit 2f0afd4
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 12 deletions.
diff --git a/packages/frontend/index.html b/packages/frontend/index.html
@@ -22,7 +22,7 @@
     <link rel="manifest" href="/manifest.json" />
     <!-- Importing for ballot bubble font-->
     <link href='https://fonts.googleapis.com/css?family=Archivo Black' rel='stylesheet'>
-    <link href="https://fonts.googleapis.com/css2?family=Nunito Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
     <!--
       Notice the use of  in the tags above.
       It will be replaced with the URL of the `public` folder during the build.

diff --git a/packages/frontend/src/components/LandingPage.tsx b/packages/frontend/src/components/LandingPage.tsx
@@ -49,7 +49,7 @@ const LandingPage = () => {
             width: '100%',
             display: 'flex',
             flexDirection: 'column',
-            gap: '1rem',
+            gap: '2rem',
             margin: 'auto',
         }}>
             <Box sx={{position:'absolute', top: '95vh', width: '100%', textAlign: 'center'}}>

diff --git a/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx b/packages/frontend/src/components/LandingPage/LandingPagePricing.tsx
@@ -39,7 +39,6 @@ export default () => {
                     <FadeUp key={i} delay={`${200+i*300}ms`}>
                         <Paper key={i} className='pricingOption' elevation={8} sx={{
                             width: '100%',
-                            maxWidth: '25rem',
                             display: 'flex',
                             flexDirection: 'column',
                             flexShrink: '0',

diff --git a/packages/frontend/src/components/LandingPage/LandingPageStats.tsx b/packages/frontend/src/components/LandingPage/LandingPageStats.tsx
@@ -49,7 +49,7 @@ export default () => {
             margin: 'auto',
             width: '100%',
             maxWidth: '1300px',
-            gap: '10rem',
+            gap: '2rem',
             justifyContent: 'center',
         }}
         ref={containerRef}

diff --git a/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx b/packages/frontend/src/components/LandingPage/LandingPageTestimonials.tsx
@@ -36,8 +36,8 @@ export default () => {
                     backgroundImage: `url(${testimonial.image_url})`,
                     backgroundSize: 'cover',
                     borderRadius: '100%',
-                    width: '10rem',
-                    height: '10rem',
+                    width: '2rem',
+                    height: '2rem',
                     margin: 'auto',
                 }}/>
                 <Typography variant='h5' color={'darkShade.contrastText'} sx={{textAlign: 'center'}}>

diff --git a/packages/frontend/src/theme.tsx b/packages/frontend/src/theme.tsx
@@ -157,15 +157,15 @@ const brandPalette: PaletteOptions = {
 }
 
 const brandTypography: TypographyOptions = {
-  fontFamily: '"Nunito Sans", sans-serif',
-  button: {
-    fontFamily: '"Nunito Sans", sans-serif',
-    textTransform: 'none'
-  },
+   // fontFamily: 'Montserrat',
+   fontFamily: 'Montserrat, Verdana, sans-serif',
+   button:{
+     fontFamily: 'Montserrat, Verdana, sans-serif',
+   },
   ...Object.fromEntries(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map(level => [
     level,
     {
-      fontFamily: '"Nunito Sans", sans-serif',
+      fontFamily: 'Montserrat, Verdana, sans-serif',
       marginTop: '1rem',
       marginBottom: '1rem',
     }