From a151e2e0ab07af732f5c09e47c442b625f850fe6 Mon Sep 17 00:00:00 2001
From: Alex Frantz <alex@alexav.gg>
Date: Sat, 20 Jul 2024 14:46:50 -0400
Subject: [PATCH] would certainly be helpful if it copied the email

---
 src/components/Footer.tsx      | 5 ++++-
 src/components/RecentWatch.tsx | 2 +-
 src/index.tsx                  | 4 ++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 286db93..44670fa 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -21,7 +21,10 @@ export default function Footer() {
                         Copied!
                     </p>
                 ) : (
-                    <button onClick={() => setMailState(true)} className="hover:underline">alex@alexav.gg</button>
+                    <button onClick={() => {
+                        setMailState(true)
+                        navigator.clipboard.writeText("alex@alexav.gg")
+                    }} className="hover:underline">alex@alexav.gg</button>
                 )
             }
 
diff --git a/src/components/RecentWatch.tsx b/src/components/RecentWatch.tsx
index 87accc3..b301b12 100644
--- a/src/components/RecentWatch.tsx
+++ b/src/components/RecentWatch.tsx
@@ -53,7 +53,7 @@ export default function RecentWatch() {
 
     return (
         <a href={data?.id ? "https://watch.alexav.gg/?id=" + data?.id : "#"} target="_blank">
-            <div className="bg-white text-black p-4">
+            <div className="bg-white text-black p-4 max-w-fit">
                 {
                     loading ? (
                         <h1>Loading..</h1>
diff --git a/src/index.tsx b/src/index.tsx
index 2e5b12b..5eaf376 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -38,7 +38,7 @@ export default function Home() {
                             />
                         </div>
                 </section>
-                <section className="my-5 py-10 px-4 bg-gray-500">
+                <section id="watching" className="my-5 py-10 px-4 bg-gray-500">
                     <div className="grid grid-cols-2 gap-4">
                         <div className="flex justify-center items-center">
                             <h1 className="text-4xl font-bold">What am I watching?</h1>
@@ -48,7 +48,7 @@ export default function Home() {
                         </div>
                     </div>
                 </section>
-                <section className="my-5 px-4">
+                <section id="about" className="my-5 px-4">
                     <div className="container max-w-5xl mx-auto">
                         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
                             <div>