From 5db46e58a87f7c18fb1a9ff47eda1b18ce0472d4 Mon Sep 17 00:00:00 2001
From: Vigneshk5 <vigneshpatali5@gmail.com>
Date: Mon, 7 Oct 2024 20:57:35 +0530
Subject: [PATCH 1/2] fix: margin between socials and text

---
 src/components/footer.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index b7fbb07..16d6e01 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -1,7 +1,11 @@
 import Link from "next/link";
 import Logo from "./logo";
 import TextReveal from "./ui/text-reveal";
-import { DiscordLogoIcon, GitHubLogoIcon, TwitterLogoIcon } from "@radix-ui/react-icons";
+import {
+	DiscordLogoIcon,
+	GitHubLogoIcon,
+	TwitterLogoIcon,
+} from "@radix-ui/react-icons";
 import { MastodonLogo } from "./icons/mastodon";
 import { Button } from "./ui/button";
 
@@ -9,7 +13,7 @@ export default function Footer() {
 	return (
 		<div className="border-grey align-center mt-10 flex w-full flex-col border-t px-10 py-10 font-medium md:px-0">
 			<div className="mx-auto flex w-full justify-between border-b px-10 pb-10 pt-10 lg:!w-2/3 lg:px-0">
-				<div className="flex flex-col">
+				<div className="mr-4 flex flex-col">
 					<Logo />
 					<div className="mt-auto">
 						<h1 className="text-2xl font-bold opacity-80">Zen Browser</h1>

From b79d1496aab9ac69b3ca8c3db77ad419230298e8 Mon Sep 17 00:00:00 2001
From: Vigneshk5 <vigneshpatali5@gmail.com>
Date: Tue, 8 Oct 2024 15:43:16 +0530
Subject: [PATCH 2/2] fix: added gap to parent block

---
 src/components/footer.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index 16d6e01..4b19b2f 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -12,8 +12,8 @@ import { Button } from "./ui/button";
 export default function Footer() {
 	return (
 		<div className="border-grey align-center mt-10 flex w-full flex-col border-t px-10 py-10 font-medium md:px-0">
-			<div className="mx-auto flex w-full justify-between border-b px-10 pb-10 pt-10 lg:!w-2/3 lg:px-0">
-				<div className="mr-4 flex flex-col">
+			<div className="mx-auto flex w-full justify-between gap-[20px] border-b px-10 pb-10 pt-10 lg:!w-2/3 lg:px-0">
+				<div className="flex flex-col">
 					<Logo />
 					<div className="mt-auto">
 						<h1 className="text-2xl font-bold opacity-80">Zen Browser</h1>