Normal case Embed. Tweak gap so contract details fit in one row on more markets

This commit is contained in:
James Grugett 2022-03-21 15:36:03 -05:00
parent 4a617a4c07
commit 2eeaeff92d
2 changed files with 2 additions and 2 deletions

View File

@ -184,7 +184,7 @@ export function ContractDetails(props: {
return ( return (
<Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap"> <Col className="gap-2 text-sm text-gray-500 sm:flex-row sm:flex-wrap">
<Row className="flex-wrap items-center gap-x-4 gap-y-2"> <Row className="flex-wrap items-center gap-x-3 gap-y-3">
<Row className="items-center gap-2"> <Row className="items-center gap-2">
<Avatar <Avatar
username={creatorUsername} username={creatorUsername}

View File

@ -20,7 +20,7 @@ export function ShareEmbedButton(props: { contract: Contract }) {
return ( return (
<Menu as="div" className="relative z-40 flex-shrink-0" onClick={copyEmbed}> <Menu as="div" className="relative z-40 flex-shrink-0" onClick={copyEmbed}>
<Menu.Button <Menu.Button
className="btn btn-xs btn-outline hover:bg-white hover:text-neutral" className="btn btn-xs btn-outline normal-case hover:bg-white hover:text-neutral"
onClick={copyEmbed} onClick={copyEmbed}
> >
<CodeIcon className="w-4 h-4 text-gray-500 mr-1.5" aria-hidden="true" /> <CodeIcon className="w-4 h-4 text-gray-500 mr-1.5" aria-hidden="true" />