From 549926a32307633b85d9fba01adc9c46b292c732 Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Wed, 26 Jan 2022 16:44:32 -0600
Subject: [PATCH] Show Buy buttons next to prob on mobile

---
 web/components/contract-overview.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index 1a089617..f450d22b 100644
--- a/web/components/contract-overview.tsx
+++ b/web/components/contract-overview.tsx
@@ -18,6 +18,7 @@ import { TweetButton } from './tweet-button'
 import { Bet } from '../../common/bet'
 import { Comment } from '../../common/comment'
 import { TagsInput } from './tags-input'
+import BetRow from './bet-row'
 
 export const ContractOverview = (props: {
   contract: Contract
@@ -51,12 +52,16 @@ export const ContractOverview = (props: {
             <Linkify text={contract.question} />
           </div>
 
-          <ResolutionOrChance
-            className="md:hidden"
-            resolution={resolution}
-            probPercent={probPercent}
-            large
-          />
+          <Row className="justify-between gap-4">
+            <ResolutionOrChance
+              className="md:hidden"
+              resolution={resolution}
+              probPercent={probPercent}
+              large
+            />
+
+            <BetRow contract={contract} className="md:hidden" />
+          </Row>
 
           <ContractDetails contract={contract} />
         </Col>