From 2eeaeff92d724c78f0dd7e4ca76beddc40ceec55 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Mon, 21 Mar 2022 15:36:03 -0500
Subject: [PATCH] Normal case Embed. Tweak gap so contract details fit in one
 row on more markets

---
 web/components/contract-card.tsx      | 2 +-
 web/components/share-embed-button.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index 981102cc..8cfd4d3b 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -184,7 +184,7 @@ export function ContractDetails(props: {
 
   return (
     <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">
           <Avatar
             username={creatorUsername}
diff --git a/web/components/share-embed-button.tsx b/web/components/share-embed-button.tsx
index 01ccfe00..d9af7934 100644
--- a/web/components/share-embed-button.tsx
+++ b/web/components/share-embed-button.tsx
@@ -20,7 +20,7 @@ export function ShareEmbedButton(props: { contract: Contract }) {
   return (
     <Menu as="div" className="relative z-40 flex-shrink-0" onClick={copyEmbed}>
       <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}
       >
         <CodeIcon className="w-4 h-4 text-gray-500 mr-1.5" aria-hidden="true" />