From 68abee86fb4cc7a72a2dfd1659c208a62563a306 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sun, 3 Jul 2022 23:42:49 -0400
Subject: [PATCH] Simpler switching between bet & limit bet.

---
 web/components/bet-panel.tsx | 23 ++++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index 19c4f399..4a092752 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -72,21 +72,22 @@ export function BetPanel(props: {
       />
       <Col
         className={clsx(
-          'relative rounded-b-md bg-white px-8 py-6 pt-12',
+          'relative rounded-b-md bg-white px-8 py-6',
           !sharesOutcome && 'rounded-t-md',
           className
         )}
       >
-        <button
-          className="btn btn-ghost btn-sm absolute right-3 top-1 mt-1 gap-2 self-end text-sm normal-case"
-          onClick={() => setIsLimitOrder(!isLimitOrder)}
-        >
-          <SwitchHorizontalIcon className="inline h-4 w-4" />
-          {isLimitOrder ? <>Simple bet</> : <>Limit bet</>}
-        </button>
-        <div className="mb-6 text-2xl">
-          {isLimitOrder ? <>Bet to a probability</> : <>Place your bet</>}
-        </div>
+        <Row className="align-center justify-between">
+          <div className="mb-6 text-2xl">
+            {isLimitOrder ? <>Limit bet</> : <>Place your bet</>}
+          </div>
+          <button
+            className="btn btn-ghost btn-sm text-sm normal-case"
+            onClick={() => setIsLimitOrder(!isLimitOrder)}
+          >
+            <SwitchHorizontalIcon className="inline h-6 w-6" />
+          </button>
+        </Row>
 
         <BuyPanel
           contract={contract}