From 1635ec9fe2599356fade8d2207a7bc7f1712fceb Mon Sep 17 00:00:00 2001
From: afwilcox <alecwilcox@gmail.com>
Date: Wed, 18 Oct 2023 15:42:09 -0700
Subject: [PATCH] Updates to hover state on complaint list

---
 frontend/src/assets/sass/complaint.scss        | 8 ++++++++
 frontend/src/assets/sass/layout.scss           | 2 +-
 frontend/src/assets/sass/variables.scss        | 2 +-
 frontend/src/assets/sass/zone-at-a-glance.scss | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/assets/sass/complaint.scss b/frontend/src/assets/sass/complaint.scss
index 760ffe6c3..bd1f7f4ba 100644
--- a/frontend/src/assets/sass/complaint.scss
+++ b/frontend/src/assets/sass/complaint.scss
@@ -479,6 +479,14 @@
   tbody {
     font-weight: normal;
 
+    tr {
+      cursor: pointer;
+    }
+
+    tr:hover {
+      background-color: $gray-110;
+    }
+
     td {
       border-color: #8c8c8c;
     }
diff --git a/frontend/src/assets/sass/layout.scss b/frontend/src/assets/sass/layout.scss
index 829ec9854..5b8f313b3 100644
--- a/frontend/src/assets/sass/layout.scss
+++ b/frontend/src/assets/sass/layout.scss
@@ -90,7 +90,7 @@
 }
 
 .comp-side-bar {
-  background-color: $grey-110;
+  background-color: $gray-110;
   position: absolute;
   bottom: 0px;
   left: 0px;
diff --git a/frontend/src/assets/sass/variables.scss b/frontend/src/assets/sass/variables.scss
index 8d1d82f4b..0ac201122 100644
--- a/frontend/src/assets/sass/variables.scss
+++ b/frontend/src/assets/sass/variables.scss
@@ -42,7 +42,7 @@ $bc-standard-13: #ecc51d !default;
 /* grayscale */
 $gray-60: #656565;
 $gray-100: #f1f1f1 !default;
-$grey-110: #f8f9fa !default;
+$gray-110: #f8f9fa !default;
 $gray-200: #e4e4e4 !default;
 $gray-300: #c7c7c7 !default;
 $gray-310: #b9b9b9 !default;
diff --git a/frontend/src/assets/sass/zone-at-a-glance.scss b/frontend/src/assets/sass/zone-at-a-glance.scss
index b6505a621..c4228c8ea 100644
--- a/frontend/src/assets/sass/zone-at-a-glance.scss
+++ b/frontend/src/assets/sass/zone-at-a-glance.scss
@@ -5,7 +5,7 @@
 .comp-zag-container {
   display: flex;
 
-  background-color: $grey-110;
+  background-color: $gray-110;
 
   .comp-zag-banner {
     width: 355px;