From 2aaa9402b608d18cdf8024d372d6be222fd921dc Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Tue, 29 Nov 2022 20:59:03 +0800
Subject: [PATCH] more text input

---
 apps/www/components/LaunchWeek/Ticket/form.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/www/components/LaunchWeek/Ticket/form.tsx b/apps/www/components/LaunchWeek/Ticket/form.tsx
index 59eabe15d58..647a36ab736 100644
--- a/apps/www/components/LaunchWeek/Ticket/form.tsx
+++ b/apps/www/components/LaunchWeek/Ticket/form.tsx
@@ -186,15 +186,14 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
           </div>
         </div>
       ) : (
-        <form
-          className="relative"
-          // className="m-4 flex bg-scale-100 border-scale-600 border rounded-full p-0.5 pl-1 min-w-[260px]"
-          onSubmit={onSubmit}
-        >
+        <form className="relative" onSubmit={onSubmit}>
           <input
             className={`
-            border border-scale-300 bg-scaleA-200 h-12
-            
+            border border-scale-300 bg-scaleA-200 h-10
+
+            disabled:bg-scale-50 disabled:text-scale-500 disabled:border-scale-200 disabled:shadow-none
+            focus:invalid:border-scale-500 focus:invalid:ring-scaleA-300
+
             text-scale-1200 text-sm rounded-full w-full px-5`}
             autoComplete="off"
             type="email"
@@ -210,8 +209,9 @@ export default function Form({ sharePage, align = 'Center' }: Props) {
           <button
             type="submit"
             className={[
-              'px-4 py-1 absolute rounded-full bg-scale-300 text-scale-1200 border border-scale-600 text-sm hover:bg-scale-400',
-              'absolute right-0 top-0 bottom-0',
+              'absolute bg-scale-300 text-scale-1200 border border-scale-600 text-sm hover:bg-scale-400',
+              'rounded-full px-4',
+              'absolute right-1 my-auto h-8 top-0 bottom-0',
             ].join(' ')}
             disabled={formState === 'loading'}
           >