From 3984660e2b0621584f22cdc6b0b00da393fababc Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Fri, 5 Jan 2024 11:57:55 +0000
Subject: [PATCH] Make support pill larger and have hover effect

---
 static/src/scss/_support_pill.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/src/scss/_support_pill.scss b/static/src/scss/_support_pill.scss
index 97f79cf..82b1ebb 100644
--- a/static/src/scss/_support_pill.scss
+++ b/static/src/scss/_support_pill.scss
@@ -1,4 +1,4 @@
-$support-pill-size: 50px;
+$support-pill-size: 60px;
 $support-pill-position: 1.5rem;
 
 .tag.support-pill {
@@ -13,6 +13,11 @@ $support-pill-position: 1.5rem;
   height: $support-pill-size;
   font-size: 100%;
   z-index: $dropdown-content-z;
+  padding: none;
+
+  &:hover {
+    background-color: $primary-dark;
+  }
 
   @include mobile {
     display: none;