From 90698112867ad7c08da0c5a7d42bcea4c6b799cd Mon Sep 17 00:00:00 2001
From: Luke Vella <me@lukevella.com>
Date: Thu, 14 Apr 2022 18:27:23 +0100
Subject: [PATCH] Adjust badge styles

---
 components/poll/poll-subheader.tsx | 4 ++--
 style.css                          | 4 ----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/components/poll/poll-subheader.tsx b/components/poll/poll-subheader.tsx
index fdd3f6b44..49222db62 100644
--- a/components/poll/poll-subheader.tsx
+++ b/components/poll/poll-subheader.tsx
@@ -44,13 +44,13 @@ const PollSubheader: React.VoidFunctionComponent<PollSubheaderProps> = () => {
         &nbsp;
         {poll.role === "admin" ? (
           poll.verified ? (
-            <span className="badge border-green-400 bg-green-50 text-green-500">
+            <span className="cursor-default inline-block border px-1 rounded-lg text-sm border-green-400 bg-green-50 text-green-500">
               Verified
             </span>
           ) : (
             <Popover
               trigger={
-                <button className="badge transition-colors hover:text-indigo-500 hover:border-slate-300 hover:bg-slate-100 cursor-pointer text-slate-400">
+                <button className="inline-block border px-2 rounded-lg text-sm hover:shadow-sm transition-colors hover:text-slate-700 hover:bg-white text-slate-400 active:bg-gray-100">
                   Unverified
                 </button>
               }
diff --git a/style.css b/style.css
index 07f148de4..69ec990ed 100644
--- a/style.css
+++ b/style.css
@@ -105,10 +105,6 @@
     @apply text-indigo-500;
   }
 
-  .badge {
-    @apply cursor-default inline-block border px-1 rounded-lg text-sm;
-  }
-
   .menu {
     @apply relative;
   }