Fix layout of create answer bet info

This commit is contained in:
James Grugett 2022-03-01 18:17:16 -08:00
parent eb7bf72f0c
commit 4da8000363

View File

@ -86,7 +86,7 @@ export function CreateAnswerPanel(props: { contract: Contract }) {
<div /> <div />
<Col <Col
className={clsx( className={clsx(
'sm:flex-row gap-4', 'sm:flex-row sm:items-end gap-4',
text ? 'justify-between' : 'self-end' text ? 'justify-between' : 'self-end'
)} )}
> >
@ -114,7 +114,7 @@ export function CreateAnswerPanel(props: { contract: Contract }) {
</Row> </Row>
</Row> </Row>
<Row className="justify-between items-start text-sm gap-2"> <Row className="justify-between text-sm gap-2">
<Row className="flex-nowrap whitespace-nowrap items-center gap-2 text-gray-500"> <Row className="flex-nowrap whitespace-nowrap items-center gap-2 text-gray-500">
<div>Payout if chosen</div> <div>Payout if chosen</div>
<InfoTooltip <InfoTooltip
@ -136,7 +136,7 @@ export function CreateAnswerPanel(props: { contract: Contract }) {
{user ? ( {user ? (
<button <button
className={clsx( className={clsx(
'btn self-end mt-2', 'btn mt-2',
canSubmit ? 'btn-outline' : 'btn-disabled', canSubmit ? 'btn-outline' : 'btn-disabled',
isSubmitting && 'loading' isSubmitting && 'loading'
)} )}