Sell {formatWithCommas(shares)} shares of{' '}
{' '}
for {formatMoney(saleAmount)}?
diff --git a/web/components/contract/contract-card.tsx b/web/components/contract/contract-card.tsx
index c3bf1a31..090020e0 100644
--- a/web/components/contract/contract-card.tsx
+++ b/web/components/contract/contract-card.tsx
@@ -120,7 +120,7 @@ export function ContractCard(props: {
truncate={'long'}
/>
) : (
-
+
))}
{showQuickBet ? (
@@ -230,10 +230,9 @@ export function BinaryResolutionOrChance(props: {
function FreeResponseTopAnswer(props: {
contract: FreeResponseContract | MultipleChoiceContract
- truncate: 'short' | 'long' | 'none'
className?: string
}) {
- const { contract, truncate } = props
+ const { contract } = props
const topAnswer = getTopAnswer(contract)
@@ -241,7 +240,7 @@ function FreeResponseTopAnswer(props: {
) : null
}
diff --git a/web/components/outcome-label.tsx b/web/components/outcome-label.tsx
index 85e171d8..3260018c 100644
--- a/web/components/outcome-label.tsx
+++ b/web/components/outcome-label.tsx
@@ -90,13 +90,11 @@ export function FreeResponseOutcomeLabel(props: {
const chosen = contract.answers?.find((answer) => answer.id === resolution)
if (!chosen) return
return (
-
-
-
+
)
}
@@ -165,11 +163,13 @@ export function AnswerLabel(props: {
}
return (
-
- {truncated}
-
+
+
+ {truncated}
+
+
)
}
diff --git a/web/components/tooltip.tsx b/web/components/tooltip.tsx
index b053c6e7..ef8f5bb8 100644
--- a/web/components/tooltip.tsx
+++ b/web/components/tooltip.tsx
@@ -79,7 +79,7 @@ export function Tooltip(props: {
role="tooltip"
ref={floating}
style={{ position: strategy, top: y ?? 0, left: x ?? 0 }}
- className="z-10 max-w-xs rounded bg-slate-700 px-2 py-1 text-center text-sm text-white"
+ className="z-10 max-w-xs whitespace-normal rounded bg-slate-700 px-2 py-1 text-center text-sm text-white"
{...getFloatingProps()}
>
{text}