From 8632c4b4c72a956f0edf8d54286abc157159f433 Mon Sep 17 00:00:00 2001
From: eparadise <ecp25@duke.edu>
Date: Tue, 2 Jun 2020 22:24:27 -0400
Subject: [PATCH] changing hover color of bottom right buttons

---
 covid-19-support/src/components/ResourceMap.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/covid-19-support/src/components/ResourceMap.vue b/covid-19-support/src/components/ResourceMap.vue
index 372e6875..0b768c0b 100644
--- a/covid-19-support/src/components/ResourceMap.vue
+++ b/covid-19-support/src/components/ResourceMap.vue
@@ -379,7 +379,18 @@ div.markeropen svg path {
 .leaflet-bottom .leaflet-control-zoom {
   margin-bottom: 26px !important;
 }
-
+.leaflet-control-zoom a:hover {
+  background-color: #f4f4f4 !important;
+  @media (prefers-color-scheme: dark) {
+    background-color: $gray-300 !important;
+  }
+}
+.leaflet-control-zoom a.leaflet-disabled {
+  background-color: #f4f4f4 !important;
+  @media (prefers-color-scheme: dark) {
+    background-color: $gray-300 !important;
+  }
+}
 .user-location-button {
   bottom: 68px !important;
 }
@@ -397,6 +408,9 @@ div.markeropen svg path {
   color: #000 !important;
   &:hover {
     background-color: #f4f4f4;
+    @media (prefers-color-scheme: dark) {
+      background-color: $gray-300 !important;
+    }
   }
   &.active {
     color: theme-color('primary') !important;