Right align bet input amount. Fix panel layout

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 }}

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 && (