From 959ee5f8d1cb04cb6e8d10988b60c1f4e7b7e688 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Wed, 25 May 2022 12:13:51 -0600
Subject: [PATCH] Improve create market UI (#336)

* Move to tailwindui

* Remove commented code

* Prettier

* Show custom prob toggle, limit to 5-95%

* match left margin

* Show prob, date, time, other ui changes

* fix for firefox
---
 web/pages/create.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/web/pages/create.tsx b/web/pages/create.tsx
index f9bbbee5..931abdbf 100644
--- a/web/pages/create.tsx
+++ b/web/pages/create.tsx
@@ -215,12 +215,16 @@ export function NewContract(props: { question: string; tag?: string }) {
               isSubmitting={isSubmitting}
               className={'col-span-4 sm:col-span-3'}
             >
-              <div className={'col-span-6 sm:col-span-3'}>
+              <Row
+                className={
+                  'col-span-6 items-center justify-center sm:col-span-3'
+                }
+              >
                 <input
                   type="number"
                   value={initialProb}
                   className={
-                    'input-bordered input-md rounded-md border-gray-300 pr-2 text-lg'
+                    'input-bordered input-md max-w-[100px] rounded-md border-gray-300 pr-2 text-lg'
                   }
                   min={5}
                   max={95}
@@ -234,8 +238,8 @@ export function NewContract(props: { question: string; tag?: string }) {
                     else setProbErrorText('')
                   }}
                 />
-                <span className={'mt-2 ml-0.5'}>%</span>
-              </div>
+                <span className={'ml-1'}>%</span>
+              </Row>
             </ChoicesToggleGroup>
           </Row>
           {probErrorText && (