From 2f9c59444b7d72f6e48ab99253076a2157e7743f Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Mon, 2 Feb 2026 13:46:39 +1100
Subject: [PATCH] fix(website): update button styles and fix dropdown z-index

- Change primary buttons from gradient to solid Copilot Purple (#8534F3)
- Add position:relative and z-index:10 to .filters-bar to fix
  Choices.js dropdown appearing behind resource list items
---
 website/public/data/manifest.json | 2 +-
 website/public/styles/global.css  | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/website/public/data/manifest.json b/website/public/data/manifest.json
index aa6207ab..c195cb95 100644
--- a/website/public/data/manifest.json
+++ b/website/public/data/manifest.json
@@ -1,5 +1,5 @@
 {
-  "generated": "2026-02-01T23:35:23.497Z",
+  "generated": "2026-02-02T02:45:34.292Z",
   "counts": {
     "agents": 140,
     "prompts": 134,
diff --git a/website/public/styles/global.css b/website/public/styles/global.css
index 0209e660..928a7342 100644
--- a/website/public/styles/global.css
+++ b/website/public/styles/global.css
@@ -27,7 +27,7 @@
   --color-card-hover: rgba(28, 28, 40, 0.9);
   --color-glass: rgba(255, 255, 255, 0.05);
   --color-glass-border: rgba(255, 255, 255, 0.1);
-  --gradient-primary: linear-gradient(135deg, #8534F3 0%, #B870FF 50%, #FE4C25 100%);
+  --gradient-primary: linear-gradient(180deg, #8534F3 0%, #B870FF 50%, #FE4C25 100%);
   --gradient-accent: linear-gradient(135deg, #43179E 0%, #8534F3 100%);
   --gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(133, 52, 243, 0.25), transparent),
                    radial-gradient(ellipse 60% 40% at 80% 50%, rgba(254, 76, 37, 0.12), transparent),
@@ -700,14 +700,14 @@ a:hover {
 }
 
 .btn-primary {
-  background: var(--gradient-primary);
+  background: var(--color-accent);
   color: white;
   border-color: transparent;
   font-weight: 600;
 }
 
 .btn-primary:hover {
-  background: var(--gradient-primary);
+  background: var(--color-accent-hover);
   transform: translateY(-1px);
   box-shadow: var(--shadow-glow);
   color: white;
@@ -1090,6 +1090,8 @@ a:hover {
   backdrop-filter: blur(10px);
   border: 1px solid var(--color-glass-border);
   border-radius: var(--border-radius-lg);
+  position: relative;
+  z-index: 10;
 }
 
 .filter-group {