From ce10c565e770d2b9de41e599bb20855d1f3cc35e Mon Sep 17 00:00:00 2001
From: Alissa Crane <alissacranespam@gmail.com>
Date: Thu, 8 Aug 2024 11:04:20 -0700
Subject: [PATCH] chore: PR follow up (#14)

Co-authored-by: Alissa Crane <alissa.crane@coinbase.com>
---
 src/app/page.tsx                      | 2 +-
 src/components/Footer.tsx             | 5 +++--
 src/components/TransactionWrapper.tsx | 2 +-
 src/links.ts                          | 4 ++--
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 89ea7f4..eb41d12 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,7 +23,7 @@ export default function Page() {
           >
             <OnchainkitSvg />
           </a>
-          <div className="flex gap-3">
+          <div className="flex gap-3 pt-3 md:pt-0">
             <SignupButton />
             {!address && <LoginButton />}
           </div>
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 7abf0cf..9de6db0 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -19,7 +19,7 @@ const docLinks = [
 
 export default function Footer() {
   return (
-    <section className="mt-12 mb-6 flex w-full flex-col justify-between gap-2 md:flex-row ">
+    <section className="mt-12 mb-6 flex w-full flex-col justify-between gap-2 pb-4 md:flex-row md:pb-0">
       <aside className="flex items-center justify-center md:justify-start">
         <h3 className="mr-2 text-m">
           Built with love by{' '}
@@ -28,12 +28,13 @@ export default function Footer() {
             target="_blank"
             rel="noreferrer"
             title="OnchainKit"
+            className="font-semibold hover:text-indigo-600"
           >
             OnchainKit
           </a>
         </h3>
       </aside>
-      <ul className="flex max-w-full flex-wrap justify-center gap-6 md:justify-start">
+      <ul className="flex max-w-full flex-wrap justify-center gap-3 md:justify-start md:gap-6">
         {docLinks.map(({ href, title }) => (
           <li className="flex" key={href}>
             <a
diff --git a/src/components/TransactionWrapper.tsx b/src/components/TransactionWrapper.tsx
index 69f07af..be85cdc 100644
--- a/src/components/TransactionWrapper.tsx
+++ b/src/components/TransactionWrapper.tsx
@@ -39,7 +39,7 @@ export default function TransactionWrapper({
         className="w-[450px]"
       >
         <TransactionButton
-          className="mt-0 mr-auto ml-auto w-[450px] text-[white]"
+          className="mt-0 mr-auto ml-auto w-[450px] max-w-full text-[white]"
           text="Collect"
         />
         <TransactionStatus>
diff --git a/src/links.ts b/src/links.ts
index 3ed0820..421c66d 100644
--- a/src/links.ts
+++ b/src/links.ts
@@ -1,6 +1,6 @@
-export const ONCHAINKIT_LINK = 'https://onchainkit.xyz';
-export const GITHUB_LINK = 'https://github.com/coinbase/onchainkit';
 export const DISCORD_LINK = 'https://discord.gg/wTJ7besU';
 export const FIGMA_LINK =
   'https://www.figma.com/community/file/1370194397345450683/onchainkit';
+export const GITHUB_LINK = 'https://github.com/coinbase/onchainkit';
+export const ONCHAINKIT_LINK = 'https://onchainkit.xyz';
 export const TWITTER_LINK = 'https://x.com/Onchainkit';