From 9f42361f4ef328c58a42a83ed511aadd8700391e Mon Sep 17 00:00:00 2001
From: Hikari <hikari@nhcarrigan.com>
Date: Mon, 23 Mar 2026 15:25:32 -0700
Subject: [PATCH] style: give resource toggle the standard interactive button
 treatment

---
 apps/web/src/styles.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index bd8ea12..42fe2c5 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -123,20 +123,21 @@ body::before {
 }
 
 .resource-toggle {
-  background: none;
-  border: none;
-  border-radius: 0.4rem;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(147, 51, 234, 0.4);
+  border-radius: 0.5rem;
   color: inherit;
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
-  padding: 0.2rem 0.4rem;
+  padding: 0.3rem 0.6rem;
   position: relative;
-  transition: background 0.15s;
+  transition: background 0.2s, border-color 0.2s;
 }
 
 .resource-toggle:hover {
-  background: rgba(255, 255, 255, 0.07);
+  background: rgba(147, 51, 234, 0.2);
+  border-color: var(--colour-primary);
 }
 
 .resource-alert-dot {