From 55f854115c1cc99b0945f4d8f8229dd0d9fc5072 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Fri, 30 Sep 2022 08:48:33 -0600
Subject: [PATCH] Remove green circle from resolution prob input

---
 web/components/probability-selector.tsx | 14 ++-------
 web/components/resolution-panel.tsx     | 41 ++++++++++++++-----------
 2 files changed, 26 insertions(+), 29 deletions(-)

diff --git a/web/components/probability-selector.tsx b/web/components/probability-selector.tsx
index 2fc03787..b13dcfd9 100644
--- a/web/components/probability-selector.tsx
+++ b/web/components/probability-selector.tsx
@@ -8,12 +8,12 @@ export function ProbabilitySelector(props: {
   const { probabilityInt, setProbabilityInt, isSubmitting } = props
 
   return (
-    <Row className="items-center gap-2">
-      <label className="input-group input-group-lg w-fit text-lg">
+    <Row className="items-center  gap-2">
+      <label className="input-group input-group-lg text-lg">
         <input
           type="number"
           value={probabilityInt}
-          className="input input-bordered input-md text-lg"
+          className="input input-bordered input-md w-28 text-lg"
           disabled={isSubmitting}
           min={1}
           max={99}
@@ -23,14 +23,6 @@ export function ProbabilitySelector(props: {
         />
         <span>%</span>
       </label>
-      <input
-        type="range"
-        className="range range-primary"
-        min={1}
-        max={99}
-        value={probabilityInt}
-        onChange={(e) => setProbabilityInt(parseInt(e.target.value))}
-      />
     </Row>
   )
 }
diff --git a/web/components/resolution-panel.tsx b/web/components/resolution-panel.tsx
index b3237eb4..f39284a5 100644
--- a/web/components/resolution-panel.tsx
+++ b/web/components/resolution-panel.tsx
@@ -11,6 +11,8 @@ import { ProbabilitySelector } from './probability-selector'
 import { getProbability } from 'common/calculate'
 import { BinaryContract, resolution } from 'common/contract'
 import { BETTOR, BETTORS, PAST_BETS } from 'common/user'
+import { Row } from 'web/components/layout/row'
+import { capitalize } from 'lodash'
 
 export function ResolutionPanel(props: {
   isAdmin: boolean
@@ -94,9 +96,10 @@ export function ResolutionPanel(props: {
             withdrawn from your account
           </>
         ) : outcome === 'MKT' ? (
-          <Col className="gap-6">
+          <Col className="items-center gap-6">
             <div>
-              {PAST_BETS} will be paid out at the probability you specify:
+              {capitalize(PAST_BETS)} will be paid out at the probability you
+              specify:
             </div>
             <ProbabilitySelector
               probabilityInt={Math.round(prob)}
@@ -110,22 +113,24 @@ export function ResolutionPanel(props: {
       </div>
       <Spacer h={4} />
       {!!error && <div className="text-red-500">{error}</div>}
-      <ResolveConfirmationButton
-        color={
-          outcome === 'YES'
-            ? 'green'
-            : outcome === 'NO'
-            ? 'red'
-            : outcome === 'CANCEL'
-            ? 'yellow'
-            : outcome === 'MKT'
-            ? 'blue'
-            : 'indigo'
-        }
-        disabled={!outcome}
-        onResolve={resolve}
-        isSubmitting={isSubmitting}
-      />
+      <Row className={'justify-center'}>
+        <ResolveConfirmationButton
+          color={
+            outcome === 'YES'
+              ? 'green'
+              : outcome === 'NO'
+              ? 'red'
+              : outcome === 'CANCEL'
+              ? 'yellow'
+              : outcome === 'MKT'
+              ? 'blue'
+              : 'indigo'
+          }
+          disabled={!outcome}
+          onResolve={resolve}
+          isSubmitting={isSubmitting}
+        />
+      </Row>
     </Col>
   )
 }