From e999fe49b1389ee3babd8abaf60b32b01fcbf917 Mon Sep 17 00:00:00 2001
From: Francisco Mazzoni <francisco@supabase.io>
Date: Tue, 29 Nov 2022 13:54:25 -0300
Subject: [PATCH] ticket share page style fixes

---
 apps/www/components/LaunchWeek/Ticket/form.tsx    | 4 ++--
 apps/www/components/LaunchWeek/Ticket/ticket.tsx  | 6 +++---
 apps/www/pages/launch-week/tickets/[username].tsx | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/www/components/LaunchWeek/Ticket/form.tsx b/apps/www/components/LaunchWeek/Ticket/form.tsx
index f5b62d1e5f5..302df2228b1 100644
--- a/apps/www/components/LaunchWeek/Ticket/form.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/form.tsx
@@ -163,7 +163,7 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
           `grid gap-2 items-center max-w-[420px] !pb-4`
         )}
       >
-        <h3 className="text-scale-1200 text-base">Coming soon</h3>
+        <p className="text-scale-1200 text-base w-full">Coming soon</p>
         <p className="text-scale-1000 text-base">
           Register to get your ticket and stay tuned all week for daily announcements
         </p>
@@ -188,7 +188,7 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
           </div>
         </div>
       ) : (
-        <form className="relative" onSubmit={onSubmit}>
+        <form className="relative max-w-[380px]" onSubmit={onSubmit}>
           <input
             className={`
             transition-all
diff --git a/apps/www/components/LaunchWeek/Ticket/ticket.tsx b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
index f27ba24a5e2..70ede5a7f92 100644
--- a/apps/www/components/LaunchWeek/Ticket/ticket.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/ticket.tsx
@@ -66,9 +66,9 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
           >
             {sharePage ? (
               name ? (
-                <>{name}'s Ticket</>
+                <p className="text-2xl dark:text-white mb-4 tracking-[0.02rem]">{name}’s Ticket</p>
               ) : (
-                <>{SITE_NAME}</>
+                <p className="text-2xl dark:text-white mb-4 tracking-[0.02rem]">{SITE_NAME}</p>
               )
             ) : golden ? (
               <p className="text-2xl dark:text-white mb-4 tracking-[0.02rem]">
@@ -82,7 +82,7 @@ export default function Ticket({ username, name, ticketNumber, sharePage, golden
           </h1>
           <h2 className="text-sm dark:text-scale-900 text-[#7E868C] max-w-[380px]">
             {sharePage ? (
-              <p className="mt-4">
+              <p className="mb-24">
                 Join {name ?? 'us'} on {DATE}.
               </p>
             ) : golden ? (
diff --git a/apps/www/pages/launch-week/tickets/[username].tsx b/apps/www/pages/launch-week/tickets/[username].tsx
index 97ac38e47ee..e8bbbd4c501 100644
--- a/apps/www/pages/launch-week/tickets/[username].tsx
+++ b/apps/www/pages/launch-week/tickets/[username].tsx
@@ -55,11 +55,11 @@ export default function TicketShare({ username, ticketNumber, name, golden }: Pr
         <SectionContainer className="flex flex-col gap-8 !pb-0 md:gap-16 lg:gap-16">
           <img
             src="/images/launchweek/launchweek-logo--light.svg"
-            className="md:40 w-28 dark:hidden lg:w-48"
+            className="md:40 w-40 dark:hidden lg:w-80"
           />
           <img
             src="/images/launchweek/launchweek-logo--dark.svg"
-            className="md:40 hidden w-28 dark:block lg:w-48"
+            className="md:40 hidden w-40 dark:block lg:w-80"
           />
           <TicketContainer
             supabase={supabase}