From 009598315b86454564bf6d3d6f4dd0f0b84ecb36 Mon Sep 17 00:00:00 2001
From: Nicholas Langford <n.langford@student.unsw.edu.au>
Date: Sun, 23 Jun 2024 18:51:42 +1000
Subject: [PATCH] Make h1 styling consistent - reduced padding on mobile

---
 pages/about.tsx           |  6 +++---
 pages/blog.tsx            |  6 +++---
 pages/blog/[slug].tsx     |  8 +++++---
 pages/charity.tsx         |  6 +++---
 pages/checkout/index.tsx  |  6 +++---
 pages/checkout/return.tsx |  6 +++---
 pages/events.tsx          |  6 +++---
 pages/merch.tsx           |  6 +++---
 pages/nominations.tsx     | 13 ++++++-------
 pages/podcast.tsx         |  8 ++++----
 pages/publications.tsx    |  6 +++---
 pages/team.tsx            |  6 +++---
 12 files changed, 42 insertions(+), 41 deletions(-)

diff --git a/pages/about.tsx b/pages/about.tsx
index 8dfd8fa..5ed6110 100644
--- a/pages/about.tsx
+++ b/pages/about.tsx
@@ -19,10 +19,10 @@ const About = () => {
         <title>About Us | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               ABOUT US
             </h1>
           </Col>
diff --git a/pages/blog.tsx b/pages/blog.tsx
index 023dd8a..01bd169 100644
--- a/pages/blog.tsx
+++ b/pages/blog.tsx
@@ -34,10 +34,10 @@ const Blog = ({ posts }: BlogProps) => {
         <title>Blog | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__fadeInDown animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               BLOG POSTS
             </h1>
           </Col>
diff --git a/pages/blog/[slug].tsx b/pages/blog/[slug].tsx
index 818235b..815787f 100644
--- a/pages/blog/[slug].tsx
+++ b/pages/blog/[slug].tsx
@@ -46,10 +46,12 @@ const BlogPost = ({ source, frontmatter }: BlogPostProps) => {
         <title>{frontmatter.title} | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1>{frontmatter.title}</h1>
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
+              {frontmatter.title}
+            </h1>
           </Col>
         </Row>
 
diff --git a/pages/charity.tsx b/pages/charity.tsx
index b3b48c2..d9e4d00 100644
--- a/pages/charity.tsx
+++ b/pages/charity.tsx
@@ -34,10 +34,10 @@ const Charity = () => {
         <title>Charity | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               CHARITY
             </h1>
           </Col>
diff --git a/pages/checkout/index.tsx b/pages/checkout/index.tsx
index c7b5858..832d4af 100644
--- a/pages/checkout/index.tsx
+++ b/pages/checkout/index.tsx
@@ -66,10 +66,10 @@ const Checkout = () => {
           </EmbeddedCheckoutProvider>
         </div>
       ) : (
-        <section className="section section-lg">
-          <Row className="justify-content-center text-center ">
+        <section className="section section-sm">
+          <Row className="justify-content-around text-center">
             <Col lg="8">
-              <h1 className="animate__animated animate__zoomIn animate__fast">
+              <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
                 CHECKOUT
               </h1>
             </Col>
diff --git a/pages/checkout/return.tsx b/pages/checkout/return.tsx
index f3bbb44..82e3c26 100644
--- a/pages/checkout/return.tsx
+++ b/pages/checkout/return.tsx
@@ -35,10 +35,10 @@ const Return = () => {
           <meta name="robots" content="noindex"></meta>
         </Head>
 
-        <section className="section section-lg">
-          <Row className="justify-content-center text-center ">
+        <section className="section section-sm">
+          <Row className="justify-content-around text-center">
             <Col lg="8">
-              <h1 className="animate__animated animate__zoomIn animate__fast">
+              <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
                 SUCCESS
               </h1>
             </Col>
diff --git a/pages/events.tsx b/pages/events.tsx
index e765d65..13de2d9 100644
--- a/pages/events.tsx
+++ b/pages/events.tsx
@@ -26,10 +26,10 @@ const Events = () => {
         <title>Events | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center ">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               EVENTS
             </h1>
           </Col>
diff --git a/pages/merch.tsx b/pages/merch.tsx
index 372efec..0b8cd47 100644
--- a/pages/merch.tsx
+++ b/pages/merch.tsx
@@ -415,10 +415,10 @@ const Merch = ({
         <title>Merch | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               MERCH
             </h1>
           </Col>
diff --git a/pages/nominations.tsx b/pages/nominations.tsx
index 4f3a155..d70bcab 100644
--- a/pages/nominations.tsx
+++ b/pages/nominations.tsx
@@ -54,10 +54,10 @@ const Nominations = () => {
           <meta name="robots" content="noindex"></meta>
         </Head>
 
-        <section className="section section-lg">
-          <Row className="justify-content-center text-center ">
+        <section className="section section-sm">
+          <Row className="justify-content-around text-center">
             <Col lg="8">
-              <h1 className="animate__animated animate__zoomIn animate__fast">
+              <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
                 VOTING CLOSED
               </h1>
             </Col>
@@ -84,11 +84,10 @@ const Nominations = () => {
       <Head>
         <title>Nominations | UNSW Co-op Society</title>
       </Head>
-      <section className="section section-lg">
-        {/* Title */}
-        <Row className="justify-content-center text-center">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               2023 EXEC NOMINEES
             </h1>
           </Col>
diff --git a/pages/podcast.tsx b/pages/podcast.tsx
index 9ab8590..4815dd4 100644
--- a/pages/podcast.tsx
+++ b/pages/podcast.tsx
@@ -12,10 +12,10 @@ const Podcast = () => {
         <title>Podcast | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center">
-          <Col lg={8}>
-            <h1 className="animate__animated animate__fadeInDown animate__fast">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
+          <Col lg="8">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               PODCAST
             </h1>
           </Col>
diff --git a/pages/publications.tsx b/pages/publications.tsx
index 6608ac3..a19f8e3 100644
--- a/pages/publications.tsx
+++ b/pages/publications.tsx
@@ -25,10 +25,10 @@ const Publications = () => {
         <title>Publications | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center ">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               PUBLICATIONS
             </h1>
           </Col>
diff --git a/pages/team.tsx b/pages/team.tsx
index fbe287d..a3afcc1 100644
--- a/pages/team.tsx
+++ b/pages/team.tsx
@@ -48,10 +48,10 @@ const Team = () => {
         <title>Team | UNSW Co-op Society</title>
       </Head>
 
-      <section className="section section-lg">
-        <Row className="justify-content-center text-center mb-3 mb-sm-4 mb-md-5">
+      <section className="section section-sm">
+        <Row className="justify-content-around text-center">
           <Col lg="8">
-            <h1 className="animate__animated animate__zoomIn animate__fast">
+            <h1 className="animate__animated animate__zoomIn animate__fast pb-4 mt-3 mt-sm-5">
               MEET THE TEAM
             </h1>
           </Col>