Move Twitter button above graph per Stephen's request

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>
   )

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} />
         ) : (