From d13dbd6e1afec9f73e4b3e41009378fd47416461 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Wed, 16 Feb 2022 16:36:27 -0600
Subject: [PATCH] Tweaks to no answers yet, resolve button layout

---
 web/components/answers-panel.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/web/components/answers-panel.tsx b/web/components/answers-panel.tsx
index 740626ef..da30729f 100644
--- a/web/components/answers-panel.tsx
+++ b/web/components/answers-panel.tsx
@@ -75,15 +75,15 @@ export function AnswersPanel(props: {
         />
       ))}
 
-      {sortedAnswers.length === 0 && (
-        <div className="text-gray-500">No answers yet...</div>
+      {sortedAnswers.length === 0 ? (
+        <div className="text-gray-500 p-4">No answers yet...</div>
+      ) : (
+        <div className="text-gray-500 self-end p-4">
+          None of the above:{' '}
+          {formatPercent(getOutcomeProbability(contract.totalShares, '0'))}
+        </div>
       )}
 
-      <div className="self-end p-4">
-        None of the above:{' '}
-        {formatPercent(getOutcomeProbability(contract.totalShares, '0'))}
-      </div>
-
       {tradingAllowed(contract) && <CreateAnswerInput contract={contract} />}
 
       {user?.id === creatorId && !resolution && (
@@ -480,7 +480,7 @@ function AnswerResolvePanel(props: {
       <div>Resolve your market</div>
       <Col className="sm:flex-row sm:items-center gap-4">
         <ChooseNoneCancelSelector
-          className="!flex-row flex-wrap items-center"
+          className="sm:!flex-row sm:items-center"
           selected={resolveOption}
           onSelect={setResolveOption}
         />