From bcee49878bc24a0f9363b69e35c49a1c0f1bc3f3 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Wed, 7 Sep 2022 21:39:21 -0600
Subject: [PATCH] Weigh in

---
 web/components/bet-button.tsx     |  7 +++++--
 web/components/bet-panel.tsx      | 12 ++++++++----
 web/components/sign-up-prompt.tsx |  2 +-
 3 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/web/components/bet-button.tsx b/web/components/bet-button.tsx
index 77b17678..8cfd2b4c 100644
--- a/web/components/bet-button.tsx
+++ b/web/components/bet-button.tsx
@@ -35,10 +35,13 @@ export default function BetButton(props: {
         {user ? (
           <Button
             size="lg"
-            className={clsx('my-auto inline-flex min-w-[75px] ', btnClassName)}
+            className={clsx(
+              'my-auto inline-flex min-w-[75px] whitespace-nowrap ',
+              btnClassName
+            )}
             onClick={() => setOpen(true)}
           >
-            Trade
+            Weigh in
           </Button>
         ) : (
           <BetSignUpPrompt />
diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 1f2b9bd3..468082b6 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -297,7 +297,7 @@ function BuyPanel(props: {
   return (
     <Col className={hidden ? 'hidden' : ''}>
       <div className="my-3 text-left text-sm text-gray-500">
-        {isPseudoNumeric ? 'Direction' : 'Outcome'}
+        {isPseudoNumeric ? 'Direction' : 'Buy'}
       </div>
       <YesNoSelector
         className="mb-4"
@@ -379,7 +379,7 @@ function BuyPanel(props: {
           )}
           onClick={betDisabled ? undefined : submitBet}
         >
-          {isSubmitting ? 'Submitting...' : 'Submit trade'}
+          {isSubmitting ? 'Submitting...' : 'Submit'}
         </button>
       )}
 
@@ -750,15 +750,18 @@ function QuickOrLimitBet(props: {
 
   return (
     <Row className="align-center mb-4 justify-between">
-      <div className="text-4xl">Trade</div>
+      <div className="mr-2 -ml-2 shrink-0 text-3xl sm:-ml-0 sm:text-4xl">
+        Weigh in
+      </div>
       {!hideToggle && (
-        <Row className="mt-1 items-center gap-2">
+        <Row className="mt-1 ml-1 items-center gap-1.5 sm:ml-0 sm:gap-2">
           <PillButton
             selected={!isLimitOrder}
             onSelect={() => {
               setIsLimitOrder(false)
               track('select quick order')
             }}
+            xs={true}
           >
             Quick
           </PillButton>
@@ -768,6 +771,7 @@ function QuickOrLimitBet(props: {
               setIsLimitOrder(true)
               track('select limit order')
             }}
+            xs={true}
           >
             Limit
           </PillButton>
diff --git a/web/components/sign-up-prompt.tsx b/web/components/sign-up-prompt.tsx
index 239fb4ad..bd88152a 100644
--- a/web/components/sign-up-prompt.tsx
+++ b/web/components/sign-up-prompt.tsx
@@ -19,7 +19,7 @@ export function BetSignUpPrompt(props: {
       size={size}
       color="gradient"
     >
-      {label ?? 'Sign up to trade!'}
+      {label ?? 'Sign up to weigh in!'}
     </Button>
   ) : null
 }