Update some 'bet' to 'trade'

web/components/bet-panel.tsx

@@ -98,7 +98,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
     <Col
       className={clsx('bg-gray-100 shadow-xl px-8 py-6 rounded-md', className)}
     >
-      <Title className="!mt-0 whitespace-nowrap" text="Place a bet" />
+      <Title className="!mt-0 whitespace-nowrap" text="Place a trade" />
 
       <div className="mt-2 mb-1 text-sm text-gray-400">Outcome</div>
       <YesNoSelector
@@ -107,7 +107,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
         onSelect={(choice) => onBetChoice(choice)}
       />
 
-      <div className="mt-3 mb-1 text-sm text-gray-400">Bet amount</div>
+      <div className="mt-3 mb-1 text-sm text-gray-400">Amount</div>
       <Col className="my-2">
         <label className="input-group">
           <span className="text-sm bg-gray-200">M$</span>
@@ -168,18 +168,18 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
           )}
           onClick={betDisabled ? undefined : submitBet}
         >
-          {isSubmitting ? 'Submitting...' : 'Place bet'}
+          {isSubmitting ? 'Submitting...' : 'Submit trade'}
         </button>
       ) : (
         <button
           className="btn mt-4 border-none normal-case text-lg font-medium px-10 bg-gradient-to-r from-teal-500 to-green-500 hover:from-teal-600 hover:to-green-600"
           onClick={firebaseLogin}
         >
-          Sign in to bet!
+          Sign in to trade!
         </button>
       )}
 
-      {wasSubmitted && <div className="mt-4">Bet submitted!</div>}
+      {wasSubmitted && <div className="mt-4">Trade submitted!</div>}
     </Col>
   )
 }

web/components/bets-list.tsx

@@ -347,7 +347,8 @@ function SellButton(props: { contract: Contract; bet: Bet }) {
     >
       <div className="text-2xl mb-4">Sell</div>
       <div>
-        Do you want to sell your {formatMoney(bet.amount)} bet for{' '}
+        Do you want to sell your {formatMoney(bet.amount)} position on{' '}
+        <OutcomeLabel outcome={bet.outcome} /> for{' '}
         {formatMoney(calculateSaleAmount(contract, bet))}?
       </div>
     </ConfirmationButton>

web/components/profile-menu.tsx

@@ -64,7 +64,7 @@ function ProfileSummary(props: { user: User }) {
       <div className="rounded-full w-10 h-10 mr-4">
         <Image src={user.avatarUrl} width={40} height={40} />
       </div>
-      <div className="truncate" style={{ maxWidth: 175 }}>
+      <div className="truncate text-left" style={{ maxWidth: 175 }}>
         {user.name}
         <div className="text-gray-700 text-sm">{formatMoney(user.balance)}</div>
       </div>