From 8bfdfe8853daa0b38ecfec3b6ec822f23e7533cd Mon Sep 17 00:00:00 2001
From: ingawei <ingawei@gmail.com>
Date: Wed, 12 Oct 2022 18:26:33 -0700
Subject: [PATCH] fixed bounty button thing

---
 web/components/award-bounty-button.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/components/award-bounty-button.tsx b/web/components/award-bounty-button.tsx
index 7a69cf15..2884fa1a 100644
--- a/web/components/award-bounty-button.tsx
+++ b/web/components/award-bounty-button.tsx
@@ -37,10 +37,15 @@ export function AwardBountyButton(prop: {
   const canUp = me && me.id !== comment.userId && contract.creatorId === me.id
   if (!canUp) return <div />
   return (
-    <Row className={clsx('-ml-2 items-center gap-0.5', !canUp ? '-ml-6' : '')}>
-      <TextButton className={'font-bold'} onClick={submit}>
+    <Row className={clsx('my-1 items-center gap-0.5', !canUp ? '-ml-6' : '')}>
+      <button
+        className={
+          'rounded-full bg-indigo-50 px-2 py-1 text-xs text-indigo-400 transition-colors hover:bg-indigo-400 hover:text-white'
+        }
+        onClick={submit}
+      >
         Award {formatMoney(COMMENT_BOUNTY_AMOUNT)}
-      </TextButton>
+      </button>
     </Row>
   )
 }