From ee64c4e923e4a5c2bd406affbe6f9504c11fc00d Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Tue, 18 Jan 2022 16:55:39 -0600
Subject: [PATCH] Bring back cards having different heights in a row

---
 web/components/contract-card.tsx | 44 +++++++++++++++++---------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index c3d9595d..a452fec1 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -26,28 +26,30 @@ export function ContractCard(props: {
   const { probPercent } = contractMetrics(contract)
 
   return (
-    <div
-      className={clsx(
-        'bg-white hover:bg-gray-100 shadow-md rounded-lg p-6 relative',
-        className
-      )}
-    >
-      <Link href={contractPath(contract)}>
-        <a className="absolute left-0 right-0 top-0 bottom-0" />
-      </Link>
-      <Row className="justify-between gap-4 mb-2">
-        <p className="font-medium text-indigo-700">{question}</p>
-        <ResolutionOrChance
-          className="items-center"
-          resolution={resolution}
-          probPercent={probPercent}
+    <div>
+      <div
+        className={clsx(
+          'bg-white hover:bg-gray-100 shadow-md rounded-lg p-6 relative',
+          className
+        )}
+      >
+        <Link href={contractPath(contract)}>
+          <a className="absolute left-0 right-0 top-0 bottom-0" />
+        </Link>
+        <Row className="justify-between gap-4 mb-2">
+          <p className="font-medium text-indigo-700">{question}</p>
+          <ResolutionOrChance
+            className="items-center"
+            resolution={resolution}
+            probPercent={probPercent}
+          />
+        </Row>
+        <AbbrContractDetails
+          contract={contract}
+          showHotVolume={showHotVolume}
+          showCloseTime={showCloseTime}
         />
-      </Row>
-      <AbbrContractDetails
-        contract={contract}
-        showHotVolume={showHotVolume}
-        showCloseTime={showCloseTime}
-      />
+      </div>
     </div>
   )
 }