From cd4051c082bbac0c99c02a4f1bc55a2b490f3207 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Thu, 4 Aug 2022 11:02:02 -0600
Subject: [PATCH] Link spacing

---
 web/pages/challenges/index.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/web/pages/challenges/index.tsx b/web/pages/challenges/index.tsx
index 21894637..72dccf01 100644
--- a/web/pages/challenges/index.tsx
+++ b/web/pages/challenges/index.tsx
@@ -81,7 +81,14 @@ function YourChallengesTable(props: { links: Challenge[] }) {
         <thead className="bg-gray-50 text-left text-sm font-semibold text-gray-900">
           <tr>
             <th className={amountClass}>Amount</th>
-            <th className={columnClass}>Link</th>
+            <th
+              className={clsx(
+                columnClass,
+                'text-center sm:pl-10 sm:text-start'
+              )}
+            >
+              Link
+            </th>
             <th className={columnClass}>Accepted By</th>
           </tr>
         </thead>
@@ -109,7 +116,12 @@ function YourLinkSummaryRow(props: { challenge: Challenge }) {
           {formatMoney(challenge.creatorAmount)}
         </SiteLink>
       </td>
-      <td className={clsx(columnClass, 'items-center sm:max-w-[200px]')}>
+      <td
+        className={clsx(
+          columnClass,
+          'm:max-w-[200px] text-center sm:text-start'
+        )}
+      >
         <Button
           color={'gray-white'}
           onClick={() => {