Increase padding on contract page

This commit is contained in:
jahooma 2022-01-13 12:58:25 -06:00
parent 1c74afd741
commit 2b618be3ac
2 changed files with 8 additions and 3 deletions

View File

@ -40,7 +40,7 @@ export const ContractOverview = (props: {
return ( return (
<Col className={clsx('mb-6', className)}> <Col className={clsx('mb-6', className)}>
<Row className="justify-between gap-4"> <Row className="justify-between gap-4 px-2">
<Col className="gap-4"> <Col className="gap-4">
<div className="text-2xl md:text-3xl text-indigo-700"> <div className="text-2xl md:text-3xl text-indigo-700">
<Linkify text={contract.question} /> <Linkify text={contract.question} />

View File

@ -119,8 +119,13 @@ function BetsSection(props: { contract: Contract; user: User | null }) {
return ( return (
<div> <div>
<Title text="Your trades" /> <Title className="px-2" text="Your trades" />
<MyBetsSummary contract={contract} bets={userBets} showMKT /> <MyBetsSummary
className="px-2"
contract={contract}
bets={userBets}
showMKT
/>
<Spacer h={6} /> <Spacer h={6} />
<ContractBetsTable contract={contract} bets={userBets} /> <ContractBetsTable contract={contract} bets={userBets} />
<Spacer h={12} /> <Spacer h={12} />