From 47f2d73a6d99deced45936e39ad1e547ae810387 Mon Sep 17 00:00:00 2001
From: mwbernard <mwbernard9@gmail.com>
Date: Thu, 23 Nov 2023 18:15:48 -0800
Subject: [PATCH] Update cursors

---
 vacs-map-app/src/components/CropFilters.vue               | 8 ++++++++
 .../src/components/MapContainerColorAcrossScenarios.vue   | 1 -
 vacs-map-app/src/components/MapHomepage.vue               | 3 +--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/vacs-map-app/src/components/CropFilters.vue b/vacs-map-app/src/components/CropFilters.vue
index e035763..aa7ba42 100644
--- a/vacs-map-app/src/components/CropFilters.vue
+++ b/vacs-map-app/src/components/CropFilters.vue
@@ -103,6 +103,10 @@ const futureScenarios = computed(() => {
   margin-left: auto;
 }
 
+.sort-by select {
+  cursor: pointer;
+}
+
 .sort-order {
   display: flex;
   gap: 0.5rem;
@@ -112,4 +116,8 @@ const futureScenarios = computed(() => {
   display: flex;
   gap: 0.25rem;
 }
+
+.sort-order label, .sort-order input {
+  cursor: pointer;
+}
 </style>
diff --git a/vacs-map-app/src/components/MapContainerColorAcrossScenarios.vue b/vacs-map-app/src/components/MapContainerColorAcrossScenarios.vue
index 84589cb..10469d4 100644
--- a/vacs-map-app/src/components/MapContainerColorAcrossScenarios.vue
+++ b/vacs-map-app/src/components/MapContainerColorAcrossScenarios.vue
@@ -78,7 +78,6 @@ const selectedExtent = computed(() => {
   ];
 });
 
-
 const selectedColumnQuintiles = computed(() => {
   if (!selectedColumn.value) return null;
   return cropYieldsStore.getQuintiles(selectedColumn.value);
diff --git a/vacs-map-app/src/components/MapHomepage.vue b/vacs-map-app/src/components/MapHomepage.vue
index 72c0c30..8008a14 100644
--- a/vacs-map-app/src/components/MapHomepage.vue
+++ b/vacs-map-app/src/components/MapHomepage.vue
@@ -42,7 +42,6 @@ import { useFiltersStore } from '@/stores/filters'
 import { useCropYieldsStore } from '@/stores/cropYields'
 import { useGridStore } from '@/stores/grid'
 import * as d3 from 'd3'
-import { geoChamberlinAfrica } from 'd3-geo-projection'
 import { divergingScheme } from '../utils/colors'
 
 const filtersStore = useFiltersStore()
@@ -177,6 +176,6 @@ svg {
 /* we can switch to using d3 for animation if we want, but css transitions/animations
   can also pretty powerful  */
 svg .grid-cell {
-  transition: fill 750ms ease-in-out;
+  transition: fill 750ms linear;
 }
 </style>