From ca38640b891bca730fb2aec0e4d11f50b0c3aaf0 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Tue, 11 Jan 2022 23:29:50 -0600
Subject: [PATCH] Tweak positioning of add funds button, no green initial
 probability

---
 web/components/amount-input.tsx | 31 +++++++++++++++----------------
 web/pages/create.tsx            |  5 ++---
 2 files changed, 17 insertions(+), 19 deletions(-)

diff --git a/web/components/amount-input.tsx b/web/components/amount-input.tsx
index 5037f91f..205c68b6 100644
--- a/web/components/amount-input.tsx
+++ b/web/components/amount-input.tsx
@@ -57,23 +57,22 @@ export function AmountInput(props: {
           onChange={(e) => onAmountChange(e.target.value)}
         />
       </label>
-      {user && (
-        <Row className="text-sm text-gray-500 justify-between mt-3 gap-4 items-end">
-          {error ? (
-            <div className="font-medium tracking-wide text-red-500 text-xs whitespace-nowrap mr-auto self-center">
-              {error}
+      {user &&
+        (error ? (
+          <div className="font-medium tracking-wide text-red-500 text-xs whitespace-nowrap mr-auto self-center mt-4">
+            {error}
+          </div>
+        ) : (
+          <Col className="text-sm mt-3">
+            <div className="text-gray-500 whitespace-nowrap mb-2">
+              Remaining balance
             </div>
-          ) : (
-            <Col>
-              <div className="whitespace-nowrap">Remaining balance</div>
-              <div className="text-neutral mt-1">
-                {formatMoney(Math.floor(remainingBalance))}
-              </div>
-            </Col>
-          )}
-          {user.balance !== 1000 && <AddFundsButton className="mt-1" />}
-        </Row>
-      )}
+            <Row className="gap-4">
+              <div>{formatMoney(Math.floor(remainingBalance))}</div>
+              {user.balance !== 1000 && <AddFundsButton />}
+            </Row>
+          </Col>
+        ))}
     </Col>
   )
 }
diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index be632c3b..36096990 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -31,7 +31,7 @@ export default function NewContract() {
   const [question, setQuestion] = useState('')
   const [description, setDescription] = useState('')
 
-  const [ante, setAnte] = useState<number | undefined>(0)
+  const [ante, setAnte] = useState<number | undefined>(undefined)
   const [anteError, setAnteError] = useState<string | undefined>()
   const [closeDate, setCloseDate] = useState('')
 
@@ -111,7 +111,7 @@ export default function NewContract() {
                 <input
                   type="number"
                   value={initialProb}
-                  className="input input-bordered input-md text-primary text-3xl w-24"
+                  className="input input-bordered input-md text-3xl w-24"
                   disabled={isSubmitting}
                   min={1}
                   max={99}
@@ -155,7 +155,6 @@ export default function NewContract() {
                 <span className="mb-1">Subsidize your market</span>
               </label>
               <AmountInput
-                className="items-start"
                 amount={ante}
                 onChange={setAnte}
                 error={anteError}