From 883b0b2ba7fe6c8e9aceef7563d92d07a71fdfd9 Mon Sep 17 00:00:00 2001
From: wiznaibus <wiznaibuswaltz@gmail.com>
Date: Sat, 7 May 2022 15:02:37 -0600
Subject: [PATCH] fix headers and code formatting

---
 components/Filter/FilterHeader.js | 6 ++++--
 components/Filter/FilterMenu.js   | 8 ++++++--
 pages/about.js                    | 2 +-
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/Filter/FilterHeader.js b/components/Filter/FilterHeader.js
index e5c033b..ba0b78c 100644
--- a/components/Filter/FilterHeader.js
+++ b/components/Filter/FilterHeader.js
@@ -28,8 +28,10 @@ const FilterHeader = ({
 
                         <div className="flex flex-row flex-nowrap justify-between items-center">
                             <div className="flex flex-row flex-nowrap gap-x-1">
-                                <a className="cursor-pointer hover:underline" onClick={() => setFilterMenuVisibility(!filterMenuVisibility)}><h3 className="title text-2xl">
-                                    <Filter strokeWidth={2} size={16} /> Filters</h3>
+                                <a className="cursor-pointer hover:underline" onClick={() => setFilterMenuVisibility(!filterMenuVisibility)}>
+                                    <h3 className="title text-2xl">
+                                        <Filter strokeWidth={2} size={16} /> Filters
+                                    </h3>
                                 </a>
                                 <div className={`pt-1 ${
                                     (
diff --git a/components/Filter/FilterMenu.js b/components/Filter/FilterMenu.js
index 0aeac56..a7499f4 100644
--- a/components/Filter/FilterMenu.js
+++ b/components/Filter/FilterMenu.js
@@ -57,14 +57,18 @@ const FilterMenu = ({
                             key={`sort-${sortType.type}`}
                             className="cursor-pointer hover:underline"
                             onClick={() => sortOnChange(sortType)}>
-                                <h3 className="title text-2xl">{sortType.ascending ? <ChevronDown strokeWidth={2} size={16} /> : <ChevronUp strokeWidth={2} size={16} />} Sort</h3>
+                                <h3 className="title text-2xl">
+                                    {sortType.ascending ? <ChevronDown strokeWidth={2} size={16} /> : <ChevronUp strokeWidth={2} size={16} />} Sort
+                                </h3>
                             </a>
                     ))
                 }
             </div>
 
             <div className="flex flex-row flex-nowrap justify-start gap-x-1 items-center mt-1 mb-2 border-b border-gray-400 dark:border-gray-900">
-                <h3 className="title text-2xl"><FilterIcon strokeWidth={2} size={16} /> Filters</h3>
+                <h3 className="title text-2xl">
+                    <FilterIcon strokeWidth={2} size={16} /> Filters
+                </h3>
                 <div className={`${
                     (
                         !releaseTypeFilter.filter(releaseType => releaseType.filtered === true).length > 0
diff --git a/pages/about.js b/pages/about.js
index 4a6e394..88e986b 100644
--- a/pages/about.js
+++ b/pages/about.js
@@ -32,7 +32,7 @@ function Home() {
                 <div className="container mx-auto flex flex-col-reverse lg:flex-row px-1 py-2 lg:px-3">
                     <div className="w-full lg:w-1/2 mb-6 lg:px-2">
                         <div className="mb-6">
-                            <h2 className="title text-black dark:text-white font-medium text-3xl mb-2">About</h2>
+                            <h1 className="title text-black dark:text-white font-medium text-3xl mb-2">About</h1>
                             <p>This website is a discography project for the K-pop group NCT. It was designed to quickly and conveniently show what albums and songs each member participated in with the ability to search and filter results.</p>
                         </div>
                         <div className="mb-6">