From 0707e36a9b60a1d393b915b0726c6a4fcd1bc179 Mon Sep 17 00:00:00 2001
From: James Grugett <jahooma@gmail.com>
Date: Sun, 10 Jul 2022 12:39:27 -0500
Subject: [PATCH] Padding on limit bets

---
 web/components/limit-bets.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/web/components/limit-bets.tsx b/web/components/limit-bets.tsx
index af26fadf..0ad77aa8 100644
--- a/web/components/limit-bets.tsx
+++ b/web/components/limit-bets.tsx
@@ -23,15 +23,19 @@ export function LimitBets(props: {
   )
 
   return (
-    <Col className={clsx(className, 'gap-2 overflow-hidden rounded bg-white')}>
+    <Col
+      className={clsx(className, 'gap-2 overflow-hidden rounded bg-white py-3')}
+    >
       <div className="px-6 py-3 text-xl">Your limit bets</div>
-      <table className="table-compact table w-full rounded text-gray-500">
-        <tbody>
-          {recentBets.map((bet) => (
-            <LimitBet key={bet.id} bet={bet} contract={contract} />
-          ))}
-        </tbody>
-      </table>
+      <div className="px-4">
+        <table className="table-compact table w-full rounded text-gray-500">
+          <tbody>
+            {recentBets.map((bet) => (
+              <LimitBet key={bet.id} bet={bet} contract={contract} />
+            ))}
+          </tbody>
+        </table>
+      </div>
     </Col>
   )
 }