From 3262b17616f54d7836bc402e61922bfef9725fb8 Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Mon, 10 Apr 2023 20:06:32 -0500
Subject: [PATCH] improve mobile UX

---
 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 73c4d8e..c5d8873 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -74,7 +74,7 @@ const FooterLabeledSection = ({title, children}: {
     children: JSX.Element[] | JSX.Element,
 }) => {
     return (
-        <div className="flex flex-col px-8">
+        <div className="flex flex-col px-2 sm:px-8">
             <h1 className="font-bold text-xl text-neutral-400">{title}</h1>
             {children}
         </div>
@@ -100,7 +100,7 @@ const Footer: NextPage = () => {
                 </div>
 
                 {/** Header and tabs */}
-                <div className="flex flex-row text-neutral-200 px-4 divide-x divide-neutral-500">
+                <div className="flex flex-row text-neutral-200 sm:px-4 divide-x divide-neutral-500">
                     <FooterLabeledSection title="Quick Links">
                         <div className="flex flex-col pt-4 space-y-2">
                             {links.map((quickLink, index) => {