From 6f137283dca1be57cc3b6efec690f02a994dccd7 Mon Sep 17 00:00:00 2001
From: Annika <nikzneko@gmail.com>
Date: Wed, 13 Jul 2022 16:18:00 -0600
Subject: [PATCH] made the color codes a little prettier

---
 budgit.client/src/components/Category.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/budgit.client/src/components/Category.vue b/budgit.client/src/components/Category.vue
index c4277fe..732a497 100644
--- a/budgit.client/src/components/Category.vue
+++ b/budgit.client/src/components/Category.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="component flex justify-between bg-stone-800 hover:bg-green-300 hover:text-stone-900 mb-2 p-2 pr-0">
-    <h3 :class="`text-2xl ${totalSpent() > category.budgeted ? 'text-red-400' : ''}`">{{category.name}}</h3>
+  <div :class="`component flex justify-between mb-2 p-2 pr-0 bg-stone-800 hover:text-stone-900 ${totalSpent() > category.budgeted ? 'text-red-400 hover:bg-red-400' : 'hover:bg-green-300'}`">
+    <h3 class="text-2xl">{{category.name}}</h3>
     <div class="flex">
     <p class="w-16 px-2 border-l-2 border-stone-900">${{totalSpent()}}</p>
     <p class="w-16 px-2 border-l-2 border-stone-900">${{category.budgeted}}</p>