From 22dd206f12be432184b7bd6380b1234d373e1c4e Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sat, 16 Apr 2022 17:52:55 -0500
Subject: [PATCH] No gray background for add answer & resolve panel. Tweak
 spacing

---
 web/components/answers/answer-resolve-panel.tsx |  2 +-
 web/components/answers/answers-panel.tsx        | 16 ++++++++++------
 web/components/answers/create-answer-panel.tsx  |  2 +-
 web/components/contract/contract-overview.tsx   |  9 +--------
 4 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/web/components/answers/answer-resolve-panel.tsx b/web/components/answers/answer-resolve-panel.tsx
index c2fbc341..41aa90b2 100644
--- a/web/components/answers/answer-resolve-panel.tsx
+++ b/web/components/answers/answer-resolve-panel.tsx
@@ -71,7 +71,7 @@ export function AnswerResolvePanel(props: {
       : 'btn-disabled'
 
   return (
-    <Col className="gap-4 rounded bg-gray-50 p-4">
+    <Col className="gap-4 rounded">
       <div>Resolve your market</div>
       <Col className="gap-4 sm:flex-row sm:items-center">
         <ChooseCancelSelector
diff --git a/web/components/answers/answers-panel.tsx b/web/components/answers/answers-panel.tsx
index 69bd421c..87aabe80 100644
--- a/web/components/answers/answers-panel.tsx
+++ b/web/components/answers/answers-panel.tsx
@@ -10,6 +10,7 @@ import { tradingAllowed } from '../../lib/firebase/contracts'
 import { AnswerItem } from './answer-item'
 import { CreateAnswerPanel } from './create-answer-panel'
 import { AnswerResolvePanel } from './answer-resolve-panel'
+import { Spacer } from '../layout/spacer'
 
 export function AnswersPanel(props: {
   contract: FullContract<DPM, FreeResponse>
@@ -105,12 +106,15 @@ export function AnswersPanel(props: {
       )}
 
       {user?.id === creatorId && !resolution && (
-        <AnswerResolvePanel
-          contract={contract}
-          resolveOption={resolveOption}
-          setResolveOption={setResolveOption}
-          chosenAnswers={chosenAnswers}
-        />
+        <>
+          <Spacer h={2} />
+          <AnswerResolvePanel
+            contract={contract}
+            resolveOption={resolveOption}
+            setResolveOption={setResolveOption}
+            chosenAnswers={chosenAnswers}
+          />
+        </>
       )}
     </Col>
   )
diff --git a/web/components/answers/create-answer-panel.tsx b/web/components/answers/create-answer-panel.tsx
index 3aa3c0cd..f7595f20 100644
--- a/web/components/answers/create-answer-panel.tsx
+++ b/web/components/answers/create-answer-panel.tsx
@@ -75,7 +75,7 @@ export function CreateAnswerPanel(props: {
   const currentReturnPercent = (currentReturn * 100).toFixed() + '%'
 
   return (
-    <Col className="gap-4 rounded bg-gray-50 p-4">
+    <Col className="gap-4 rounded">
       <Col className="flex-1 gap-2">
         <div className="mb-1">Add your answer</div>
         <Textarea
diff --git a/web/components/contract/contract-overview.tsx b/web/components/contract/contract-overview.tsx
index b3f2e99e..59a0462b 100644
--- a/web/components/contract/contract-overview.tsx
+++ b/web/components/contract/contract-overview.tsx
@@ -18,10 +18,9 @@ export const ContractOverview = (props: {
   contract: Contract
   bets: Bet[]
   comments: Comment[]
-  children?: any
   className?: string
 }) => {
-  const { contract, bets, comments, children, className } = props
+  const { contract, bets, comments, className } = props
   const { question, resolution, creatorId, outcomeType } = contract
 
   const user = useUser()
@@ -80,12 +79,6 @@ export const ContractOverview = (props: {
         contract={contract}
         isCreator={isCreator}
       />
-
-      <Spacer h={4} />
-
-      {children}
-
-      <Spacer h={4} />
     </Col>
   )
 }