From b9e115142cddc2563b113627b381e568c3e6c53c Mon Sep 17 00:00:00 2001
From: Travis Fischer <fisch0920@gmail.com>
Date: Sat, 28 Jun 2025 12:18:08 -0500
Subject: [PATCH] fix(web): css things

---
 apps/web/src/components/demand-side-cta.tsx | 2 +-
 apps/web/src/components/dots-section.tsx    | 4 ++--
 apps/web/src/components/supply-side-cta.tsx | 2 +-
 todo.md                                     | 1 -
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/components/demand-side-cta.tsx b/apps/web/src/components/demand-side-cta.tsx
index d4bc544f..0d6bce26 100644
--- a/apps/web/src/components/demand-side-cta.tsx
+++ b/apps/web/src/components/demand-side-cta.tsx
@@ -6,7 +6,7 @@ import { docsUrl } from '@/lib/config'
 
 export function DemandSideCTA() {
   return (
-    <div className='flex justify-center items-center gap-12'>
+    <div className='flex justify-center items-center gap-8 md:gap-12'>
       <HeroButton asChild className='h-full'>
         <Link href='/marketplace' className='font-mono'>
           gotoTools();
diff --git a/apps/web/src/components/dots-section.tsx b/apps/web/src/components/dots-section.tsx
index 3c307276..ea6f1547 100644
--- a/apps/web/src/components/dots-section.tsx
+++ b/apps/web/src/components/dots-section.tsx
@@ -9,9 +9,9 @@ export function DotsSection({
 }) {
   return (
     <section className={cn('relative', className)}>
-      <div className='absolute top-[-50%] bottom-[-50%] left-[-50%] right-[-50%] bg-[url(/dots.svg)] bg-repeat bg-center bg-size-[32px_auto] opacity-30 dark:opacity-100' />
+      <div className='absolute top-[-25%] bottom-[-25%] left-[-25%] right-[-25%] bg-[url(/dots.svg)] bg-repeat bg-center bg-size-[32px_auto] opacity-30 dark:opacity-100' />
 
-      <div className='absolute top-[-50%] bottom-[-50%] left-[-50%] right-[-50%] bg-[radial-gradient(39%_50%_at_50%_50%,rgba(255,255,255,.3)_0%,rgb(255,255,255)_100%)] dark:bg-[radial-gradient(39%_50%_at_50%_50%,rgba(10,10,10,0)_0%,rgb(10,10,10)_100%)]' />
+      <div className='absolute top-[-25%] bottom-[-25%] left-[-25%] right-[-25%] bg-radial from-[rgba(255,255,255,.3)] to-[rgb(255,255,255)] dark:from-[rgba(10,10,10,0)] dark:to-[rgb(10,10,10)]' />
 
       {children}
     </section>
diff --git a/apps/web/src/components/supply-side-cta.tsx b/apps/web/src/components/supply-side-cta.tsx
index 1dd5ebe7..fee18fc1 100644
--- a/apps/web/src/components/supply-side-cta.tsx
+++ b/apps/web/src/components/supply-side-cta.tsx
@@ -25,7 +25,7 @@ export function SupplySideCTA({
   const ctx = useAgentic()
 
   return (
-    <div className='flex justify-center items-center gap-12'>
+    <div className='flex justify-center items-center gap-8 md:gap-12'>
       <HeroButton asChild heroVariant={heroVariant}>
         <Link
           href={
diff --git a/todo.md b/todo.md
index c3faa467..73e138b9 100644
--- a/todo.md
+++ b/todo.md
@@ -21,7 +21,6 @@
   - `createAISDKToolsFromIdentifier(projectIdentifier)`
 - move legacy over and update examples + docs
 - create agentic products for legacy tools
-- consider changing web header logo to include icon
 
 ## TODO: Post-MVP