From 50123c11d3b292d66114e74cefe57d3fd81670dc Mon Sep 17 00:00:00 2001
From: Derek Xu <xuderek2004@gmail.com>
Date: Thu, 25 Jul 2024 17:25:23 +1000
Subject: [PATCH] Fix issue 26: correct html

---
 frontend/src/pages/about/election-guide.tsx | 10 ++++++----
 frontend/src/pages/about/index.tsx          | 22 ++++++++++++---------
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/frontend/src/pages/about/election-guide.tsx b/frontend/src/pages/about/election-guide.tsx
index 205b558..4c913f2 100644
--- a/frontend/src/pages/about/election-guide.tsx
+++ b/frontend/src/pages/about/election-guide.tsx
@@ -26,9 +26,11 @@ const ElectionGuidePage = () => {
             to either nominate yourself for a position or be nominated by someone else.
           </p>
 
-          <p className="text-lg my-5">
-            Once nominations are open, you will be able to submit your nomination by 
-            emailing <a href="mailto:copresidents@csesoc.org.au" className="text-blue-500 hover:underline">copresidents@csesoc.org.au</a> with:
+          <div className="text-lg my-5">
+            <p>
+              Once nominations are open, you will be able to submit your nomination by 
+              emailing <a href="mailto:copresidents@csesoc.org.au" className="text-blue-500 hover:underline">copresidents@csesoc.org.au</a> with:
+            </p>
             <ul className="list-disc ml-6">
               <li>Your full name and zID, or the full name and zID of the person you are nominating</li>
               <li>The position you or the person you are nominating is going for</li>
@@ -40,7 +42,7 @@ const ElectionGuidePage = () => {
                 their nomination). Be sure to use a zID email!
               </li>
             </ul>
-          </p>
+          </div>
 
           <p className="text-lg my-5">
             If you're planning on running for multiple positions, then make sure you include your preference 
diff --git a/frontend/src/pages/about/index.tsx b/frontend/src/pages/about/index.tsx
index 7fd34cb..48109ab 100644
--- a/frontend/src/pages/about/index.tsx
+++ b/frontend/src/pages/about/index.tsx
@@ -45,14 +45,18 @@ export default function AboutPage() {
                 <p className="text-xs">
                   csesoc/README<span className="text-[#7A8192]">.md</span>
                 </p>
-                <p className="mt-5">
-                  CSESoc is the official representative body of computing students at UNSW. We are one of the 
-                  largest and most active societies at UNSW, and the largest computing society in the southern hemisphere. 
-                  CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering, 
-                  Bioinformatics and Computer Engineering. We are here to fulfil the social, personal and professional 
-                  needs of CSE students, and promote computing through a variety of forms.
-                  <br /><br />
-                  We are a society for the students, by the students. Here’s an overview of what we do:
+                <div className="mt-5">
+                  <p>
+                    CSESoc is the official representative body of computing students at UNSW. We are one of the 
+                    largest and most active societies at UNSW, and the largest computing society in the southern hemisphere. 
+                    CSESoc comprises ~10k members spanning across degrees in Computer Science, Software Engineering, 
+                    Bioinformatics and Computer Engineering. We are here to fulfil the social, personal and professional 
+                    needs of CSE students, and promote computing through a variety of forms.
+                  </p>
+                  <br />
+                  <p>
+                    We are a society for the students, by the students. Here’s an overview of what we do:
+                  </p>
 
                   <ul className="list-disc">
                     <li className="ml-6">Run weekly social and educational events, including trivia, movie, boardgames nights, LAN parties, workshops, coding competitions, tech talks, and our famous free weekly BBQ</li>
@@ -62,7 +66,7 @@ export default function AboutPage() {
                     <li className="ml-6">Develop our own open-source projects for students to get learn new skills and develop tools for our community</li>
                     <li className="ml-6">Facilitate an online community of ~8k Discord users, ~9.5k Facebook followers, ~1.9k YouTube subs, and ~7.7k Instagram followers</li>
                   </ul>
-                </p>
+                </div>
               </div>
               <div className="mt-10">
                 Pinned