Larger font on amount input

web/components/amount-input.tsx

@@ -45,7 +45,7 @@ export function AmountInput(props: {
         <span className="bg-gray-200 text-sm">{label}</span>
         <input
           className={clsx(
-            'input input-bordered',
+            'input input-bordered max-w-[200px] text-lg',
             error && 'input-error',
             inputClassName
           )}

web/components/answers/answer-bet-panel.tsx

@@ -116,7 +116,7 @@ export function AnswerBetPanel(props: {
       </Row>
       <div className="my-3 text-left text-sm text-gray-500">Amount </div>
       <BuyAmountInput
-        inputClassName="w-full"
+        inputClassName="w-full max-w-none"
         amount={betAmount}
         onChange={setBetAmount}
         error={error}

web/components/bet-panel.tsx

@@ -62,7 +62,7 @@ export function BetPanel(props: {
           className
         )}
       >
-        <div className="mb-6 text-2xl text-gray-700">Place a trade</div>
+        <div className="mb-6 text-2xl">Place your bet</div>
         {/* <Title className={clsx('!mt-0 text-neutral')} text="Place a trade" /> */}
 
         <BuyPanel contract={contract} user={user} userBets={userBets ?? []} />
@@ -125,19 +125,23 @@ export function BetPanelSwitcher(props: {
               <BinaryOutcomeLabel outcome={sharesOutcome} /> shares
             </div>
 
-            <button
+            {tradeType === 'BUY' && (
-              className="btn btn-sm"
+              <button
-              style={{
+                className="btn btn-sm"
-                backgroundColor: 'white',
+                style={{
-                border: '2px solid',
+                  backgroundColor: 'white',
-                color: '#3D4451',
+                  border: '2px solid',
-              }}
+                  color: '#3D4451',
-              onClick={() =>
+                }}
-                tradeType === 'BUY' ? setTradeType('SELL') : setTradeType('BUY')
+                onClick={() =>
-              }
+                  tradeType === 'BUY'
-            >
+                    ? setTradeType('SELL')
-              {tradeType === 'BUY' ? 'Sell' : 'Bet'}
+                    : setTradeType('BUY')
-            </button>
+                }
+              >
+                {tradeType === 'BUY' ? 'Sell' : 'Bet'}
+              </button>
+            )}
           </Row>
         </Col>
       )}
@@ -299,7 +303,7 @@ function BuyPanel(props: {
       />
       <div className="my-3 text-left text-sm text-gray-500">Amount</div>
       <BuyAmountInput
-        inputClassName="w-full"
+        inputClassName="w-full max-w-none"
         amount={betAmount}
         onChange={onBetChange}
         error={error}

web/components/resolution-panel.tsx

@@ -72,9 +72,9 @@ export function ResolutionPanel(props: {
 
   return (
     <Col className={clsx('rounded-md bg-white px-8 py-6', className)}>
-      <Title className="!mt-0 whitespace-nowrap" text="Resolve market" />
+      <div className="mb-6 whitespace-nowrap text-2xl">Resolve market</div>
 
-      <div className="mb-2 text-sm text-gray-500">Outcome</div>
+      <div className="mb-3 text-sm text-gray-500">Outcome</div>
 
       <YesNoCancelSelector
         className="mx-auto my-2"

web/pages/charity/[charitySlug].tsx

@@ -207,7 +207,7 @@ function DonationBox(props: {
           Amount
         </label>
         <BuyAmountInput
-          inputClassName="w-full donate-input"
+          inputClassName="w-full max-w-none donate-input"
           amount={amount}
           onChange={setAmount}
           error={error}