From 504053dde92d37c7f95df77ba8ee39c184d0322b Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Tue, 14 Dec 2021 18:38:11 -0600
Subject: [PATCH] Right align bet input amount. Fix panel layout

---
 web/components/bet-panel.tsx        | 2 +-
 web/pages/contract/[contractId].tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/bet-panel.tsx b/web/components/bet-panel.tsx
index c8e43450..3ea02776 100644
--- a/web/components/bet-panel.tsx
+++ b/web/components/bet-panel.tsx
@@ -116,7 +116,7 @@ export function BetPanel(props: { contract: Contract; className?: string }) {
           </div>
           <input
             className={clsx(
-              'input input-bordered input-md pl-10 block',
+              'input input-bordered input-md pl-10 block text-right',
               error && 'input-error'
             )}
             style={{ maxWidth: 100 }}
diff --git a/web/pages/contract/[contractId].tsx b/web/pages/contract/[contractId].tsx
index 68ea6407..0619ae54 100644
--- a/web/pages/contract/[contractId].tsx
+++ b/web/pages/contract/[contractId].tsx
@@ -47,7 +47,7 @@ export default function ContractPage() {
           <>
             <div className="mt-12 md:mt-0 md:ml-8" />
 
-            <Col className="w-full">
+            <Col className="w-full sm:w-auto sm:self-center">
               <BetPanel contract={contract} />
 
               {isCreator && (