From b7af65eec321333b7659b4a402556b02556707d4 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Tue, 22 Feb 2022 21:22:24 -0600
Subject: [PATCH] Move Twitter button above graph per Stephen's request

---
 web/components/contract-card.tsx     | 5 ++++-
 web/components/contract-overview.tsx | 7 ++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 7491efbe..4682486d 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -165,8 +165,9 @@ function AbbrContractDetails(props: {
 export function ContractDetails(props: {
   contract: Contract
   isCreator?: boolean
+  children?: any
 }) {
-  const { contract, isCreator } = props
+  const { contract, isCreator, children } = props
   const { closeTime, creatorName, creatorUsername } = contract
   const { truePool, createdDate, resolvedDate } = contractMetrics(contract)
 
@@ -222,6 +223,8 @@ export function ContractDetails(props: {
 
           <div className="whitespace-nowrap">{formatMoney(truePool)} pool</div>
         </Row>
+
+        {children}
       </Row>
     </Col>
   )
diff --git a/web/components/contract-overview.tsx b/web/components/contract-overview.tsx
index d8a81c35..9d33be93 100644
--- a/web/components/contract-overview.tsx
+++ b/web/components/contract-overview.tsx
@@ -66,7 +66,9 @@ export const ContractOverview = (props: {
             )}
           </Row>
 
-          <ContractDetails contract={contract} isCreator={isCreator} />
+          <ContractDetails contract={contract} isCreator={isCreator}>
+            <TweetButton className="md:hidden self-end" tweetText={tweetText} />
+          </ContractDetails>
         </Col>
 
         {(isBinary || resolution) && (
@@ -76,6 +78,7 @@ export const ContractOverview = (props: {
               contract={contract}
               large
             />
+            <TweetButton tweetText={tweetText} />
           </Col>
         )}
       </Row>
@@ -92,11 +95,9 @@ export const ContractOverview = (props: {
         ) : (
           <FoldTagList folds={folds} />
         )}
-        <TweetButton tweetText={tweetText} />
       </Row>
 
       <Col className="mt-6 gap-4 sm:hidden">
-        <TweetButton className="self-end" tweetText={tweetText} />
         {folds.length === 0 ? (
           <TagsInput contract={contract} />
         ) : (