From 046911d82e4e002e03062491c633873220656354 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Mon, 29 Jul 2024 22:57:35 +0200
Subject: [PATCH] Fix clipped in the bottom heading text on mobile devices.
 Also correct spacing in between of children elements.

---
 app/(root)/changelogs/[slug]/page.tsx | 4 ++--
 app/(root)/changelogs/page.tsx        | 6 +++---
 app/(root)/contribute/page.tsx        | 4 ++--
 app/(root)/downloads/page.tsx         | 4 ++--
 app/(root)/mods/page.tsx              | 4 ++--
 app/(root)/privacy-policy/page.tsx    | 4 ++--
 app/(root)/tos/page.tsx               | 4 ++--
 app/(root)/vulnerabilities/page.tsx   | 4 ++--
 8 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/app/(root)/changelogs/[slug]/page.tsx b/app/(root)/changelogs/[slug]/page.tsx
index e6a8436..f420fb7 100644
--- a/app/(root)/changelogs/[slug]/page.tsx
+++ b/app/(root)/changelogs/[slug]/page.tsx
@@ -72,8 +72,8 @@ const Page = ({ params }: { params: { slug: string } }) => {
 
 	return (
 		<>
-			<section className="wrapper container py-24 md:py-28 gap-4 flex flex-col">
-				<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<section className="wrapper container py-24 md:py-28 gap-2 flex flex-col">
+				<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 					{page.title}
 				</h1>
 				<ReactMarkdown className="prose max-w-full md:prose-lg dark:prose-invert">
diff --git a/app/(root)/changelogs/page.tsx b/app/(root)/changelogs/page.tsx
index 6ed4172..3bca07d 100644
--- a/app/(root)/changelogs/page.tsx
+++ b/app/(root)/changelogs/page.tsx
@@ -52,9 +52,9 @@ const LogsPage: React.FC = () => {
 	return (
 		<section
 			id="logs"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Server LOGS
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
@@ -65,7 +65,7 @@ const LogsPage: React.FC = () => {
 			{reversedDownloads.map((download) => (
 				<div
 					key={download._id}
-					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col"
+					className="flex-start prose max-w-full md:prose-lg dark:prose-invert flex-col mb-4"
 				>
 					<h2 className="font-bold text-3xl">{download.version}</h2>
 					<span className="font-medium italic">{download.date}</span>
diff --git a/app/(root)/contribute/page.tsx b/app/(root)/contribute/page.tsx
index 9a846cc..efdaedd 100644
--- a/app/(root)/contribute/page.tsx
+++ b/app/(root)/contribute/page.tsx
@@ -10,9 +10,9 @@ const Contribute = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Contributing to SVR.JS
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/downloads/page.tsx b/app/(root)/downloads/page.tsx
index 0726796..6c4b150 100644
--- a/app/(root)/downloads/page.tsx
+++ b/app/(root)/downloads/page.tsx
@@ -56,9 +56,9 @@ const DownloadPage: React.FC = () => {
   return (
     <section
       id="download"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         Downloads
       </h1>
       <p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/mods/page.tsx b/app/(root)/mods/page.tsx
index 67c0ffb..b9c3b84 100644
--- a/app/(root)/mods/page.tsx
+++ b/app/(root)/mods/page.tsx
@@ -56,9 +56,9 @@ const ModsPage: React.FC = () => {
   return (
     <section
       id="mods"
-      className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+      className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
     >
-      <h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+      <h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
         SvrJS Mods
       </h1>
       <p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/privacy-policy/page.tsx b/app/(root)/privacy-policy/page.tsx
index caa5c48..6574239 100644
--- a/app/(root)/privacy-policy/page.tsx
+++ b/app/(root)/privacy-policy/page.tsx
@@ -12,9 +12,9 @@ const PrivacyPolicy = () => {
 	return (
 		<section
 			id="privacy-policy"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Privacy Policy
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/tos/page.tsx b/app/(root)/tos/page.tsx
index 4013bc8..e5aa530 100644
--- a/app/(root)/tos/page.tsx
+++ b/app/(root)/tos/page.tsx
@@ -10,9 +10,9 @@ const TermsOfService = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				Terms and Conditions
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">
diff --git a/app/(root)/vulnerabilities/page.tsx b/app/(root)/vulnerabilities/page.tsx
index 930d3f2..31fd084 100644
--- a/app/(root)/vulnerabilities/page.tsx
+++ b/app/(root)/vulnerabilities/page.tsx
@@ -10,9 +10,9 @@ const Vulnerabilities = () => {
 	return (
 		<section
 			id="tos"
-			className="wrapper container py-24 md:py-28 gap-4 flex flex-col"
+			className="wrapper container py-24 md:py-28 gap-2 flex flex-col"
 		>
-			<h1 className="text-3xl md:text-5xl md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
+			<h1 className="text-3xl md:text-5xl pb-1 md:pb-2 font-bold text-black dark:bg-clip-text dark:text-transparent dark:bg-gradient-to-b dark:from-white dark:to-neutral-400">
 				SVR.JS Vulnerabilities
 			</h1>
 			<p className="md:text-lg text-muted-foreground text-start mb-4">