From 3d72a6f010e0996d49917189e40e8bbab242f3b4 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 18 Apr 2022 17:16:05 -0500
Subject: [PATCH] Update placement of bet button on mobile for FR answer feed
 item

---
 web/components/feed/feed-items.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/web/components/feed/feed-items.tsx b/web/components/feed/feed-items.tsx
index c6a8aa6a..facc21ba 100644
--- a/web/components/feed/feed-items.tsx
+++ b/web/components/feed/feed-items.tsx
@@ -611,7 +611,7 @@ function FeedAnswerGroup(props: {
             <UserLink username={username} name={name} /> answered
           </div>
 
-          <Row className="align-items justify-between gap-4">
+          <Col className="align-items justify-between gap-4 sm:flex-row">
             <span className="whitespace-pre-line text-lg">
               <Linkify text={text} />
             </span>
@@ -627,13 +627,13 @@ function FeedAnswerGroup(props: {
               </span>
               <BuyButton
                 className={clsx(
-                  'btn-sm hidden flex-initial !px-6 sm:flex',
+                  'btn-sm flex-initial !px-6 sm:flex',
                   tradingAllowed(contract) ? '' : '!hidden'
                 )}
                 onClick={() => setOpen(true)}
               />
             </Row>
-          </Row>
+          </Col>
         </Col>
       </Row>
 
@@ -656,15 +656,6 @@ function FeedAnswerGroup(props: {
           </div>
         </div>
       ))}
-
-      <div
-        className={clsx('ml-10 mt-4', tradingAllowed(contract) ? '' : 'hidden')}
-      >
-        <BuyButton
-          className="btn-sm !px-6 sm:hidden"
-          onClick={() => setOpen(true)}
-        />
-      </div>
     </Col>
   )
 }