diff --git a/web/components/bet-row.tsx b/web/components/bet-row.tsx
index ffe9fb3c..ad442a20 100644
--- a/web/components/bet-row.tsx
+++ b/web/components/bet-row.tsx
@@ -1,4 +1,4 @@
-/* This example requires Tailwind CSS v2.0+ */
+import clsx from 'clsx'
import { Fragment, useState } from 'react'
import { Dialog, Transition } from '@headlessui/react'
import { Contract } from '../lib/firebase/contracts'
@@ -10,7 +10,9 @@ import { YesNoSelector } from './yes-no-selector'
export default function BetRow(props: {
contract: Contract
className?: string
+ labelClassName?: string
}) {
+ const { className, labelClassName } = props
const [open, setOpen] = useState(false)
const [betChoice, setBetChoice] = useState<'YES' | 'NO' | undefined>(
undefined
@@ -18,23 +20,27 @@ export default function BetRow(props: {
return (
<>
-
- Place a trade
- {
- setOpen(true)
- setBetChoice(choice)
- }}
- />
-
-
-
-
+
+
+
+ Place a trade
+
+ {
+ setOpen(true)
+ setBetChoice(choice)
+ }}
+ />
+
+
+
+
+
>
)
}
diff --git a/web/components/contract-feed.tsx b/web/components/contract-feed.tsx
index d0ea5c2f..3ed63329 100644
--- a/web/components/contract-feed.tsx
+++ b/web/components/contract-feed.tsx
@@ -626,8 +626,9 @@ export function ContractFeed(props: {
comments: Comment[]
// Feed types: 'activity' = Activity feed, 'market' = Comments feed on a market
feedType: 'activity' | 'market'
+ betRowClassName?: string
}) {
- const { contract, feedType } = props
+ const { contract, feedType, betRowClassName } = props
const { id } = contract
const [expanded, setExpanded] = useState(false)
const user = useUser()
@@ -702,7 +703,10 @@ export function ContractFeed(props: {
))}
{tradingAllowed(contract) && (
-
+
)}
)
diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index f450d22b..d8b45fb1 100644
--- a/web/components/contract-overview.tsx
+++ b/web/components/contract-overview.tsx
@@ -52,7 +52,7 @@ export const ContractOverview = (props: {
-
+
-
+
@@ -109,6 +113,7 @@ export const ContractOverview = (props: {
bets={bets}
comments={comments}
feedType="market"
+ betRowClassName="md:hidden !mt-0"
/>
)