From c70ec1dad3535bc7d2b04ccf4bb153dc6fd1dacd Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 14 Jan 2022 12:28:45 -0600
Subject: [PATCH] Remove 3 unnecessary DOM elements from card

---
 web/components/contract-card.tsx | 37 ++++++++++++++++----------------
 web/pages/index.tsx              |  4 ++--
 2 files changed, 20 insertions(+), 21 deletions(-)

diff --git a/web/components/contract-card.tsx b/web/components/contract-card.tsx
index dd3a0fbe..99605e00 100644
--- a/web/components/contract-card.tsx
+++ b/web/components/contract-card.tsx
@@ -25,25 +25,24 @@ export function ContractCard(props: {
 
   return (
     <Link href={contractPath(contract)}>
-      <a className={clsx('col-span-1', className)}>
-        <li className="bg-white hover:bg-gray-100 shadow-md rounded-lg divide-y divide-gray-200 list-none">
-          <div className="card">
-            <div className="card-body p-6">
-              <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}
-              />
-            </div>
-          </div>
-        </li>
+      <a
+        className={clsx(
+          'col-span-1 bg-white hover:bg-gray-100 shadow-md rounded-lg list-none card card-body p-6',
+          className
+        )}
+      >
+        <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}
+        />
       </a>
     </Link>
   )
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 11ec9450..2c8d0ba8 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -55,11 +55,11 @@ const HotMarkets = (props: { hotContracts: Contract[] }) => {
     <div className="w-full bg-indigo-50 border-2 border-indigo-100 p-6 rounded-lg shadow-md">
       <Title className="mt-0" text="🔥 Markets" />
       <Col className="gap-6">
-        <Col className="md:flex-row gap-6">
+        <Col className="md:flex-row items-start gap-6">
           <ContractCard className="flex-1" contract={c1} showHotVolume />
           <ContractCard className="flex-1" contract={c2} showHotVolume />
         </Col>
-        <Col className="md:flex-row gap-6">
+        <Col className="md:flex-row items-start gap-6">
           <ContractCard className="flex-1" contract={c3} showHotVolume />
           <ContractCard className="flex-1" contract={c4} showHotVolume />
         </Col>